:root{
  --sidebar:#242424;
  --sidebar-2:#2f2f30;
  --sidebar-text:#ededee;
  --sidebar-muted:#96969d;
  --canvas:#f4f6f9;
  --paper:#fff;
  --panel:#fff;
  --line:#e6e9ef;
  --line-strong:#d7dce5;
  --text:#192033;
  --text-2:#3d4658;
  --muted:#7b879c;
  --muted-2:#9aa4b4;
  --blue:#2f80ed;
  --blue-2:#eaf3ff;
  --pink:#ef3e79;
  --teal:#117b89;
  --green:#2ca56b;
  --amber:#e49a2e;
  --red:#db4b65;
  --purple:#8c61d4;
  --shadow:0 10px 30px rgba(23,32,50,.06);
  --shadow-lg:0 24px 70px rgba(23,32,50,.13);
  --sidebar-w:238px;
  --top-h:60px;
  --radius:14px;
  --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--text);background:var(--canvas);font-size:14px}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Sidebar */
.sidebar-shell{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--sidebar);color:var(--sidebar-text);z-index:80;padding:15px 12px 14px;display:flex;flex-direction:column;border-right:1px solid #1b1b1c}
.workspace-head{display:flex;align-items:center;gap:10px;padding:3px 7px 16px}
.brand-tile{width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#f27b2e,#ef3e79);display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff;box-shadow:0 7px 20px rgba(239,62,121,.16)}
.workspace-copy{min-width:0;flex:1}.workspace-copy strong{display:block;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-copy small{display:block;margin-top:3px;font-size:10px;color:var(--sidebar-muted)}
.sidebar-nav{display:flex;flex-direction:column;gap:3px}.sidebar-nav a{position:relative;display:flex;align-items:center;gap:11px;min-height:38px;padding:8px 10px;border-radius:8px;color:#d5d5d8;font-size:12px;font-weight:520;transition:.15s}.sidebar-nav a svg{color:#b9bac0;flex:0 0 auto}.sidebar-nav a:hover{background:#313133;color:#fff}.sidebar-nav a.active{background:#38383a;color:#fff;box-shadow:inset 3px 0 0 var(--pink)}.sidebar-nav a.active svg{color:#fff}
.sidebar-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#74747b;padding:18px 9px 6px}
.sidebar-user{margin-top:auto;border-top:1px solid #39393b;padding:12px 5px 0;display:flex;align-items:center;gap:9px}.sidebar-user-copy{min-width:0;flex:1}.sidebar-user-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-copy small{font-size:9px;color:#929299}.logout-icon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:#a9a9af}.logout-icon:hover{background:#333335;color:#fff}
.sidebar-backdrop{display:none}
.mobile-menu,.mobile-close{display:none}
.icon-ghost{border:0;background:transparent;color:inherit;padding:0}

/* Avatars */
.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#8c61d4,#ef698c);color:#fff;font-weight:800;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.avatar span{line-height:1}.avatar-sm{width:31px;height:31px;font-size:10px}.avatar-md{width:36px;height:36px;font-size:11px}.avatar-lg{width:58px;height:58px;font-size:16px}.avatar-xl{width:78px;height:78px;font-size:21px}

/* App + topbar */
.app-shell{margin-left:var(--sidebar-w);min-height:100vh}
.topbar-shell{position:sticky;top:0;z-index:60;height:var(--top-h);background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(210px,310px) 1fr 150px;align-items:center;padding:0 18px;box-shadow:0 1px 0 rgba(20,28,42,.02)}
.topbar-project{display:flex;align-items:center;gap:8px;min-width:0}.project-dot{width:10px;height:10px;background:var(--pink);border-radius:50%;flex:0 0 auto}.topbar-project strong{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-tabs{height:100%;display:flex;align-items:center;justify-content:center;gap:27px}.project-tabs a{height:100%;display:flex;align-items:center;position:relative;color:#666f7d;font-size:11px;font-weight:520}.project-tabs a:hover{color:#232a37}.project-tabs a.active{color:var(--blue);font-weight:700}.project-tabs a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue);border-radius:2px 2px 0 0}
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.top-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:#697386}.top-icon:hover{background:#f2f4f7;color:#222b39}

/* Common layout */
.page-wrap{padding:22px 24px 34px;max-width:1600px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head h1{font-size:25px;line-height:1.2;margin:0 0 5px;letter-spacing:-.025em}.page-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.panel + .panel{margin-top:16px}.panel h2{font-size:15px;margin:0 0 4px}.panel-sub{font-size:10px;color:var(--muted);margin:0 0 14px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-main-side{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.btn{height:36px;padding:0 13px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.btn svg{width:15px;height:15px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#2874d8}.btn-secondary{background:#fff;color:#4a5566;border-color:var(--line-strong)}.btn-secondary:hover{background:#f7f8fa}.btn-teal{background:var(--teal);color:#fff}.btn-danger{background:#fff1f3;color:#bb3850;border-color:#f2cbd3}.btn-danger:hover{background:#ffe8ed}.btn-sm{height:31px;padding:0 10px;font-size:10px}.btn-link{border:0;background:transparent;color:var(--blue);padding:0;height:auto}
.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.03em;background:#eef2f7;color:#697386}.badge.urgent{background:#ffe9ee;color:#c72b4a}.badge.high{background:#fff2db;color:#a96505}.badge.normal{background:#eaf4ff;color:#3474b8}.badge.low{background:#eef2f5;color:#66727e}.badge.success{background:#e9f8ef;color:#22804d}.badge.pending{background:#fff4dc;color:#9d6a12}
.flash{border-radius:9px;padding:11px 13px;margin-bottom:14px;font-size:11px;transition:.25s}.flash.success{background:#eaf8ef;color:#226a42;border:1px solid #d1efd9}.flash.error{background:#fff0f2;color:#a82d48;border:1px solid #f3d1d8}.flash.fade{opacity:.25}
.empty-state{padding:28px 16px;text-align:center;color:var(--muted);font-size:11px}.muted{color:var(--muted)}

/* Forms */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .span-2{grid-column:1/-1}.field{display:block;margin-bottom:12px}.field > span,.field-label{display:block;font-size:10px;font-weight:700;color:#4e586a;margin-bottom:6px}.field input,.field select,.field textarea,.input{width:100%;border:1px solid #dbe0e8;border-radius:9px;background:#fff;color:#293244;outline:none;padding:10px 11px;font-size:11px;transition:.15s}.field input,.field select{height:40px;padding-top:0;padding-bottom:0}.field textarea{resize:vertical;min-height:96px;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#8cb9f4;box-shadow:0 0 0 3px rgba(47,128,237,.09)}.field-help{display:block;margin-top:4px;color:#99a3b2;font-size:9px}

/* Tables */
.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #eef0f4;padding:11px 9px;vertical-align:middle}.data-table th{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#8a94a5;font-weight:750}.data-table td{font-size:11px;color:#414b5d}.data-table tr:last-child td{border-bottom:0}.data-table .title-cell strong{display:block;color:#222c3f;font-size:11px}.data-table .title-cell small{display:block;color:#929cab;margin-top:3px;font-size:9px}.table-avatar{display:flex;align-items:center;gap:8px}

/* Stats */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 16px;box-shadow:0 5px 18px rgba(23,32,50,.035)}.stat-card .stat-top{display:flex;align-items:center;justify-content:space-between}.stat-card .stat-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#eef5ff;color:var(--blue)}.stat-card span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#8c96a6;font-weight:700}.stat-card b{display:block;font-size:27px;margin-top:8px;letter-spacing:-.04em}.stat-card.red .stat-icon{background:#fff0f3;color:var(--red)}.stat-card.amber .stat-icon{background:#fff6e5;color:var(--amber)}.stat-card.green .stat-icon{background:#ebf9f1;color:var(--green)}

/* Task board */
.board-toolbar{height:52px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:12px}.toolbar-group{display:flex;align-items:center;gap:8px;min-width:0}.searchbox{height:34px;min-width:210px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 9px;color:#8a94a5}.searchbox input{border:0;outline:0;width:100%;font-size:10px;background:transparent}.filter-select{height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 28px 0 9px;font-size:10px;color:#5f6979;outline:none}
.board-scroll{height:calc(100vh - var(--top-h) - 52px);overflow:auto;padding:14px 12px 28px}.kanban{display:flex;align-items:flex-start;gap:11px;min-width:max-content}.kanban-col{width:285px;flex:0 0 285px}.kanban-head{height:39px;border-radius:9px 9px 0 0;background:#eceef1;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.kanban-head strong{font-size:10px;font-weight:750;color:#3b4351}.kanban-count{font-size:9px;color:#7d8797;background:#fff;padding:3px 6px;border-radius:999px}.kanban-list{min-height:46px;background:#f0f2f5;padding:8px;border-left:1px solid #eaecf0;border-right:1px solid #eaecf0;transition:.15s}.kanban-list.drag-over{background:#e8f2ff;outline:2px dashed #9cc4f6;outline-offset:-3px}.task-card{background:#fff;border:1px solid #dde1e7;border-radius:8px;padding:10px;margin-bottom:7px;box-shadow:0 1px 3px rgba(20,29,44,.025);transition:.14s;cursor:pointer}.task-card:hover{border-color:#acc9ee;box-shadow:0 4px 12px rgba(47,128,237,.08);transform:translateY(-1px)}.task-card.dragging{opacity:.45}.task-card-row{display:flex;gap:8px;align-items:flex-start}.task-card-main{min-width:0;flex:1}.task-card-main strong{display:block;font-size:10px;line-height:1.45;color:#343c4b}.task-card-main small{display:block;margin-top:3px;color:#929cab;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding-top:7px;border-top:1px solid #f0f1f4}.task-card-meta span{font-size:8.5px;color:#8c96a6}.task-card-person{display:flex;align-items:center;gap:5px}.kanban-foot{height:29px;background:#f0f2f5;border:1px solid #eaecf0;border-top:0;border-radius:0 0 9px 9px}

/* Task detail */
.task-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.task-title-row h1{margin:0;font-size:24px;letter-spacing:-.03em}.task-title-row .task-sub{margin-top:5px;color:var(--muted);font-size:10px}.task-progress{display:grid;grid-template-columns:repeat(10,minmax(80px,1fr));gap:6px;overflow:auto;padding-bottom:4px;margin-bottom:16px}.progress-step{min-width:90px;border:1px solid #e0e4eb;background:#fff;border-radius:8px;padding:8px 9px}.progress-step span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#9aa3b2}.progress-step strong{display:block;margin-top:3px;font-size:9px;color:#535d6e}.progress-step.done{background:#edf8f2;border-color:#d4ecde}.progress-step.done strong{color:#2b7d50}.progress-step.current{background:#edf5ff;border-color:#9ec5f4;box-shadow:0 0 0 2px rgba(47,128,237,.06)}.progress-step.current strong{color:#286fca}
.task-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.summary-cell{background:#f7f9fb;border:1px solid #e7ebf0;border-radius:10px;padding:11px 12px;min-height:58px}.summary-cell span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#8a95a7}.summary-cell strong{display:block;margin-top:5px;font-size:10px;color:#222c3c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-person{display:flex;align-items:center;gap:7px;margin-top:5px}.summary-person strong{margin:0}
.instructions-box{border-top:1px solid #edf0f4;margin-top:13px;padding-top:13px}.instructions-box h3{font-size:11px;margin:0 0 7px}.instructions-box p{font-size:10px;line-height:1.65;color:#556175;margin:0}.timer-row{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proof-link{border:1px solid #e1e5eb;border-radius:9px;padding:10px;background:#fbfcfd}.proof-link span{display:block;font-size:8px;text-transform:uppercase;color:#8d97a6;letter-spacing:.06em}.proof-link a{display:block;margin-top:5px;color:#2f72c8;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proof-link.empty a{color:#a3abb8}
.activity-list{display:flex;flex-direction:column;gap:0}.activity-item{display:grid;grid-template-columns:2px 1fr;gap:10px}.activity-line{background:#dfe6ef;position:relative}.activity-line:before{content:"";position:absolute;left:50%;top:2px;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #8eb2dd}.activity-body{padding:0 0 15px}.activity-body strong{font-size:9.5px;color:#3c4657}.activity-body p{font-size:9px;color:#687487;margin:4px 0;line-height:1.5}.activity-body small{font-size:8px;color:#a0a8b5}
.comment-list{display:flex;flex-direction:column;gap:14px}.comment{display:flex;gap:8px}.comment-body{min-width:0;flex:1}.comment-head{display:flex;gap:7px;align-items:center}.comment-head strong{font-size:9.5px}.comment-head small{font-size:8px;color:#9aa4b1}.comment-body p{margin:4px 0 0;font-size:9.5px;line-height:1.5;color:#525d6e}

/* Links board */
.link-board-scroll{height:calc(100vh - var(--top-h) - 52px);overflow:auto;padding:14px 12px 28px}.link-board{display:flex;align-items:flex-start;gap:11px;min-width:max-content}.link-column{width:294px;flex:0 0 294px}.link-col-head{height:39px;background:#eceef1;border-radius:9px 9px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.link-col-head strong{font-size:10px}.link-col-actions{display:flex;align-items:center;gap:5px}.col-plus{width:23px;height:23px;border:0;background:transparent;border-radius:6px;color:#707a8a;font-size:17px}.col-plus:hover{background:#dde1e6}.link-list{background:#f0f2f5;min-height:46px;padding:8px;border-left:1px solid #eaecf0;border-right:1px solid #eaecf0}.link-list.drag-over{background:#e8f2ff;outline:2px dashed #9cc4f6;outline-offset:-3px}.link-card{background:#fff;border:1px solid #dde1e7;border-radius:8px;padding:10px;margin-bottom:7px;cursor:pointer;transition:.14s}.link-card:hover{border-color:#acc9ee;box-shadow:0 4px 12px rgba(47,128,237,.08)}.link-card-row{display:flex;gap:8px}.resource-icon{width:21px;height:24px;border-radius:4px;background:#4f91e8;color:#fff;display:grid;place-items:center;flex:0 0 auto}.resource-icon.live_page{background:#35a970}.resource-icon.image{background:#8c61d4}.resource-icon.reference{background:#e49a2e}.resource-copy{min-width:0;flex:1}.resource-copy strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-copy small{display:block;font-size:8.5px;color:#929cab;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-meta{display:flex;gap:9px;margin:7px 0 0 29px;color:#939cab;font-size:8px}.link-foot{height:30px;background:#f0f2f5;border:1px solid #eaecf0;border-top:0;border-radius:0 0 9px 9px;padding:0 9px;display:flex;align-items:center;color:#8c95a3;font-size:9px;cursor:pointer}.link-foot:hover{color:#3e4858}

/* Drawer */
.drawer-overlay{position:fixed;inset:0;background:rgba(18,25,38,.14);z-index:90;opacity:0;pointer-events:none;transition:.18s}.drawer-overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:100;top:0;right:0;bottom:0;width:min(550px,96vw);background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 60px rgba(18,25,38,.12);transform:translateX(101%);transition:.2s;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-head{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.drawer-crumbs{display:flex;gap:7px;align-items:center;color:#858f9e;font-size:9px}.drawer-actions{display:flex;gap:3px;align-items:center}.drawer-btn{width:29px;height:29px;border:0;background:transparent;border-radius:7px;display:grid;place-items:center;color:#687385}.drawer-btn:hover{background:#f1f3f6}.drawer-scroll{flex:1;overflow:auto;padding:25px 22px}.drawer-title{display:flex;gap:11px;align-items:flex-start;margin-bottom:24px}.drawer-title h2{font-size:17px;margin:0 0 4px;line-height:1.35}.drawer-title a{font-size:9px;color:#718096;word-break:break-all}.drawer-section{padding:16px 0;border-top:1px solid #eef0f3}.drawer-section:first-of-type{border-top:0}.drawer-label{font-size:9px;color:#8a94a4;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}

/* Staff */
.staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.staff-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 4px 16px rgba(23,32,50,.03)}.staff-card-head{display:flex;gap:10px;align-items:center}.staff-card-copy{min-width:0;flex:1}.staff-card-copy strong{display:block;font-size:11px}.staff-card-copy span{display:block;font-size:9px;color:#8993a2;margin-top:2px}.staff-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.mini-stat{background:#f7f9fb;border:1px solid #e8ebf0;border-radius:8px;padding:8px}.mini-stat span{display:block;font-size:8px;color:#929cab;text-transform:uppercase}.mini-stat b{display:block;margin-top:3px;font-size:11px}.photo-upload{margin-top:11px;border-top:1px solid #eef0f3;padding-top:10px}.file-inline{display:flex;gap:6px;align-items:center}.file-inline input[type=file]{font-size:9px;max-width:180px}.staff-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}

/* Docs / Files */
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.resource-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 4px 16px rgba(23,32,50,.03)}.resource-card-head{display:flex;gap:9px}.resource-card h3{font-size:11px;margin:0 0 4px}.resource-card p{font-size:9px;color:#8791a1;margin:0;line-height:1.5}.resource-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #eef0f3}.resource-card-footer small{font-size:8px;color:#9aa3b0}
.file-drop{border:1.5px dashed #cbd3df;border-radius:12px;background:#fafbfd;padding:20px;text-align:center}.file-drop h3{font-size:12px;margin:0 0 4px}.file-drop p{font-size:9px;color:#8d97a6;margin:0 0 12px}

/* Planner */
.planner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.planner-col h2{font-size:12px;margin:0 0 9px}.planner-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px;margin-bottom:8px}.planner-item strong{display:block;font-size:10px}.planner-item small{display:block;margin-top:4px;font-size:8.5px;color:#8c96a5}.planner-meta{display:flex;align-items:center;justify-content:space-between;margin-top:9px}

/* Auth */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef1f5}.auth-shell{width:min(980px,100%);display:grid;grid-template-columns:1.05fr .95fr;border-radius:20px;overflow:hidden;box-shadow:0 28px 90px rgba(22,30,45,.18)}.auth-brand{background:#242424;color:#fff;padding:58px 48px;min-height:560px;display:flex;flex-direction:column;justify-content:center}.auth-brand .brand-tile{width:48px;height:48px;border-radius:13px;font-size:14px}.auth-brand h1{font-size:39px;line-height:1.06;margin:20px 0 13px;letter-spacing:-.04em}.auth-brand p{font-size:12px;line-height:1.65;color:#c4c5ca;max-width:420px}.auth-card{background:#fff;padding:52px 45px;display:flex;flex-direction:column;justify-content:center}.auth-card h2{font-size:23px;margin:0 0 6px}.auth-card > p{font-size:10px;color:#8a94a4;margin:0 0 17px}.auth-note{text-align:center;margin-top:13px;font-size:9px;color:#a0a8b4}

@media(max-width:1150px){.staff-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main-side{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--sidebar-w:218px}.sidebar-shell{transform:translateX(-102%);transition:.2s}.sidebar-open .sidebar-shell{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.26);z-index:75}.sidebar-open .sidebar-backdrop{display:block}.app-shell{margin-left:0}.mobile-menu,.mobile-close{display:grid;place-items:center}.mobile-close{width:28px;height:28px;border-radius:6px}.topbar-shell{grid-template-columns:1fr auto}.project-tabs{display:none}.topbar-actions{grid-column:2}.page-wrap{padding:18px}.planner-grid{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}}
@media(max-width:650px){.topbar-project strong{max-width:180px}.topbar-shell{padding:0 11px}.topbar-actions .top-icon{display:none}.page-head{flex-direction:column}.grid-2,.grid-3,.form-grid,.proof-grid,.task-summary,.staff-grid,.resource-grid,.planner-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.stat-grid{grid-template-columns:1fr 1fr}.page-wrap{padding:14px 12px}.board-toolbar{height:auto;min-height:52px;padding:9px 10px;align-items:flex-start;flex-wrap:wrap}.toolbar-group{flex-wrap:wrap}.searchbox{min-width:160px}.board-scroll,.link-board-scroll{height:calc(100vh - var(--top-h) - 92px)}.task-progress{grid-template-columns:repeat(10,105px)}.auth-card{padding:35px 24px}}
/* Modal */
.modal-overlay{position:fixed;inset:0;z-index:120;background:rgba(18,25,38,.28);display:none;align-items:center;justify-content:center;padding:20px}.modal-overlay.show{display:flex}.modal-card{width:min(560px,96vw);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:18px 20px 20px}.modal-card.small{width:min(430px,96vw)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #eef0f3;padding-bottom:11px;margin-bottom:12px}.modal-head h3{font-size:15px;margin:0 0 4px}.modal-head p{font-size:9px;color:#8c96a5;margin:0}


/* === INS ATTENDANCE V9 === */
.attendance-page-head{align-items:center}.attendance-live-clock{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;min-width:165px;text-align:right;box-shadow:0 4px 16px #17203208}.attendance-live-clock span,.attendance-live-clock small{display:block;color:#8b95a5;font-size:8px;font-weight:650}.attendance-live-clock b{display:block;font-size:17px;color:#263348;margin:3px 0;font-variant-numeric:tabular-nums}
.attendance-today-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:13px;margin-bottom:14px}.attendance-main-card,.attendance-team-summary{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 6px 20px #17203208}.attendance-user{display:flex;align-items:center;gap:10px}.attendance-avatar{width:45px!important;height:45px!important}.attendance-user strong{display:block;font-size:12px;font-weight:800;color:#303b4d}.attendance-user span{display:block;margin-top:3px;font-size:8.5px;color:#8a95a5}
.attendance-status-box{text-align:center;padding:19px 10px 16px}.att-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:8.5px;font-weight:800}.att-status.not-in{background:#f2f4f7;color:#7a8493}.att-status.working{background:#e7f8ef;color:#1d9258}.att-status.completed{background:#eaf2ff;color:#3474c9}.attendance-status-box h2{margin:11px 0 5px;font-size:32px;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#202d42}.attendance-status-box p{margin:0 0 13px;font-size:9px;color:#8c97a6}.attendance-action{height:39px;border:0;border-radius:10px;padding:0 20px;color:#fff;font-size:10px;font-weight:800}.attendance-action.checkin{background:#1f9d63}.attendance-action.checkout{background:#e05263}.attendance-action.done{background:#8993a1;cursor:not-allowed}
.attendance-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #edf0f4;padding-top:13px}.attendance-mini-stats div{background:#f8fafc;border:1px solid #eef1f5;border-radius:9px;padding:9px}.attendance-mini-stats span{display:block;font-size:7.5px;color:#8c96a5;font-weight:700;text-transform:uppercase}.attendance-mini-stats b{display:block;margin-top:4px;font-size:10px;color:#344052}
.attendance-team-summary h3{font-size:11px;margin:0 0 12px;color:#344052}.att-summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.att-summary-cards.two{grid-template-columns:1fr 1fr}.att-summary-cards div{background:#f8fafc;border:1px solid #edf0f4;border-radius:9px;padding:10px}.att-summary-cards span{font-size:9px;font-weight:900}.att-summary-cards span.green{color:#16a466}.att-summary-cards span.blue{color:#3478d4}.att-summary-cards span.purple{color:#7654c6}.att-summary-cards span.orange{color:#e98a2f}.att-summary-cards b{display:block;margin-top:4px;font-size:16px;color:#2c384b;font-variant-numeric:tabular-nums}.att-summary-cards small{display:block;margin-top:2px;font-size:7.5px;color:#919aa8}
.attendance-history-panel{padding:0;overflow:hidden}.attendance-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #ebeff3}.attendance-history-head h2{font-size:12px;margin:0}.attendance-history-head p{font-size:8px;color:#929ba8;margin:3px 0 0}.attendance-filters{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap}.attendance-filters label span{display:block;font-size:7.5px;color:#8b95a5;margin-bottom:3px;font-weight:700}.attendance-filters input,.attendance-filters select{height:31px;border:1px solid #dfe4ea;border-radius:7px;padding:0 7px;font-size:8.5px;background:#fff;color:#4b5667}.attendance-period-summary{display:flex;gap:15px;padding:9px 16px;background:#f8fafc;border-bottom:1px solid #edf0f4}.attendance-period-summary span{font-size:8px;color:#8993a3}.attendance-period-summary b{color:#3b4658}
.attendance-table-wrap{overflow:auto}.attendance-table{width:100%;border-collapse:collapse}.attendance-table th{background:#f7f9fb;text-align:left;padding:9px 12px;font-size:7.5px;text-transform:uppercase;letter-spacing:.03em;color:#8a94a3;border-bottom:1px solid #e9edf2}.attendance-table td{padding:11px 12px;border-bottom:1px solid #eef1f4;font-size:8.8px;color:#556071}.attendance-table td>b,.attendance-table td>strong{display:block;color:#354154;font-size:9px}.attendance-table td>small{display:block;margin-top:3px;color:#98a1ad;font-size:7.5px}.attendance-person{display:flex;align-items:center;gap:8px}.attendance-person span b{display:block;font-size:9px;color:#374255}.attendance-person span small{display:block;font-size:7.5px;color:#929ca9;margin-top:2px}.att-row-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:7.5px;font-weight:800}.att-row-status.working{background:#e8f8ef;color:#1f965c}.att-row-status.completed{background:#eaf2ff;color:#3474c9}.empty-cell{text-align:center!important;color:#9aa3af!important;padding:25px!important}
.attendance-toast{position:fixed;z-index:190;left:50%;bottom:28px;transform:translate(-50%,12px);opacity:0;background:#222a35;color:#fff;padding:10px 14px;border-radius:9px;font-size:9px;box-shadow:0 12px 35px #11182738;transition:.15s}.attendance-toast.show{opacity:1;transform:translate(-50%,0)}.attendance-toast.bad{background:#b63b54}
@media(max-width:1000px){.attendance-today-grid{grid-template-columns:1fr}.attendance-history-head{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.attendance-mini-stats{grid-template-columns:1fr}.att-summary-cards{grid-template-columns:1fr 1fr}.attendance-filters{width:100%}.attendance-filters label{flex:1;min-width:120px}.attendance-live-clock{width:100%;text-align:left}}



/* === INS WEBSITE ROADMAP V10 + COMPACT COLORFUL TOP NAV === */
.project-tabs{gap:3px!important;padding:0 4px!important}
.project-tabs a{height:30px!important;align-self:center!important;padding:0 8px!important;border-radius:7px!important;font-size:9px!important;font-weight:760!important;letter-spacing:-.01em!important;color:#657083!important;transition:.13s!important}
.project-tabs a:after{display:none!important}
.project-tabs a:hover{background:#f3f5f8!important;color:#273348!important}
.project-tabs a:nth-child(1).active{background:#eaf3ff!important;color:#2567c2!important}
.project-tabs a:nth-child(2).active{background:#f0ebff!important;color:#714ec5!important}
.project-tabs a:nth-child(3).active{background:#fff2e5!important;color:#cc7022!important}
.project-tabs a:nth-child(4).active{background:#eaf0ff!important;color:#4d60c6!important}
.project-tabs a:nth-child(5).active{background:#e8f8fb!important;color:#16859b!important}
.project-tabs a:nth-child(6).active{background:#e8f8ef!important;color:#23845a!important}
.project-tabs a:nth-child(7).active{background:#fff0f5!important;color:#c43e6c!important}
.project-tabs a:nth-child(8).active{background:#fff5dc!important;color:#ac7719!important}
.project-tabs a:nth-child(9).active{background:#f0ecff!important;color:#6951b6!important}
.topbar-project strong{font-size:10.5px!important;font-weight:820!important;color:#273348!important}

.roadmap-v10-page{background:#f7f8fa}
.roadmap-toolbar{height:50px;background:#fff;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:10px}
.roadmap-toolbar-left,.roadmap-toolbar-right{display:flex;align-items:center;gap:7px}
.roadmap-project-select,.roadmap-filter{height:30px;border:1px solid #dde2e9;background:#fff;border-radius:7px;padding:0 28px 0 8px;font-size:8.5px;font-weight:650;color:#586477;outline:none}
.roadmap-project-select{max-width:220px}
.roadmap-search{height:30px;width:220px;border:1px solid #dde2e9;background:#fff;border-radius:7px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#9aa3af}
.roadmap-search input{border:0!important;outline:0!important;width:100%;font-size:8.5px!important;background:transparent!important;box-shadow:none!important}
.roadmap-btn{height:30px;border-radius:7px;border:1px solid transparent;padding:0 10px;font-size:8.5px;font-weight:800}
.roadmap-btn.primary{background:#2f74d0;color:#fff}.roadmap-btn.secondary{background:#fff;border-color:#dde2e9;color:#586477}.roadmap-btn.task{background:#19a067;color:#fff}
.roadmap-summary{font-size:8px;color:#8c96a4}.roadmap-summary b{color:#374356;font-size:10px}

.roadmap-scroll{height:calc(100vh - 108px);overflow:auto;padding:14px 10px 28px;background:#f7f8fa}
.roadmap-board{display:flex;align-items:flex-start;gap:10px;min-width:max-content}
.roadmap-column{width:270px;flex:0 0 270px;border-top:3px solid var(--accent,#6366f1);border-radius:9px 9px 0 0}
.roadmap-column-head{height:38px;background:#eceef1;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 9px}
.roadmap-column-title{display:flex;align-items:center;gap:6px;min-width:0}.roadmap-accent{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,white)}
.roadmap-column-title strong{font-size:9.4px;font-weight:830;color:#313b4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.roadmap-column-title>span:last-child{font-size:7.5px;font-weight:800;color:#758092}
.roadmap-column-actions{display:flex;align-items:center;gap:1px}.roadmap-column-menu,.roadmap-column-plus,.roadmap-card-menu{border:0;background:transparent;color:#737e8e;border-radius:6px;font-weight:900}.roadmap-column-menu{font-size:10px;padding:3px 5px}.roadmap-column-plus{width:24px;height:24px;font-size:15px}.roadmap-column-menu:hover,.roadmap-column-plus:hover,.roadmap-card-menu:hover{background:#dfe3e8;color:#263142}
.roadmap-card-list{min-height:42px;background:#f0f2f5;padding:7px;border-left:1px solid #e9ecf1;border-right:1px solid #e9ecf1}.roadmap-card-list.drag-over{background:#e8f2ff;outline:2px dashed #8fb9eb;outline-offset:-3px}
.roadmap-card{background:#fff;border:1px solid #dadee5;border-radius:7px;margin-bottom:6px;box-shadow:0 1px 3px #17203208;cursor:pointer;transition:.12s}.roadmap-card:hover{border-color:#a8c3e5;box-shadow:0 4px 13px #2f80ed12;transform:translateY(-1px)}.roadmap-card.dragging{opacity:.45}.roadmap-card.favorite{border-left:3px solid #f1ae2b}
.roadmap-card-top{display:flex;align-items:flex-start;gap:7px;padding:9px 7px 4px 9px}.roadmap-type-icon{width:18px;height:18px;border-radius:5px;background:#eef2ff;color:#5969c6;display:grid;place-items:center;font-size:8px;font-weight:900;flex:0 0 auto}
.roadmap-card-copy{min-width:0;flex:1}.roadmap-card-copy strong{display:block;font-size:9.7px;line-height:1.35;font-weight:690;color:#37404d}.roadmap-card-copy small{display:block;margin-top:2px;font-size:7.6px;color:#919baa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roadmap-card-menu{font-size:9px;padding:2px 4px;opacity:.5}.roadmap-card:hover .roadmap-card-menu{opacity:1}
.roadmap-card-badges{display:flex;gap:4px;flex-wrap:wrap;padding:2px 8px 4px 34px}.roadmap-status,.roadmap-page-type,.roadmap-live{font-size:6.9px;font-weight:800;border-radius:4px;padding:3px 5px}.roadmap-status.planned{background:#f1f3f6;color:#737e8e}.roadmap-status.brief{background:#eaf1ff;color:#4671ba}.roadmap-status.content{background:#fff0dd;color:#b46e20}.roadmap-status.design{background:#f3eaff;color:#7854bd}.roadmap-status.review{background:#fff0f4;color:#c33e68}.roadmap-status.published{background:#e7f8ee;color:#218655}.roadmap-status.hold{background:#f4f1ee;color:#8d7765}.roadmap-page-type{background:#eef4fa;color:#60758b}.roadmap-live{background:#e7f8ee;color:#1d925a}
.roadmap-card-footer{display:flex;justify-content:space-between;align-items:center;padding:4px 7px 7px 34px}.roadmap-card-meta{display:flex;gap:7px}.roadmap-card-meta span{font-size:7px;color:#909aa7}.roadmap-star{color:#f0ab2c!important}
.roadmap-add-bottom{width:100%;height:29px;border:1px solid #e9ecf1;border-top:0;background:#f0f2f5;color:#98a1ae;text-align:left;padding:0 9px;font-size:8px;border-radius:0 0 8px 8px}.roadmap-add-bottom:hover{background:#e9edf2;color:#596273}

.roadmap-context-menu{position:fixed;z-index:150;width:195px;background:#fff;border:1px solid #dde2e8;border-radius:9px;box-shadow:0 16px 40px #11182726;padding:5px;display:none;max-height:78vh;overflow:auto}.roadmap-context-menu.show{display:block}.roadmap-context-menu.small{width:175px}
.roadmap-context-menu button{width:100%;height:31px;border:0;background:transparent;border-radius:6px;display:grid;grid-template-columns:22px 1fr;align-items:center;text-align:left;color:#4f5a69;padding:0 7px}.roadmap-context-menu button:hover{background:#f2f4f7;color:#202b3b}.roadmap-context-menu button span{font-size:11px;color:#7d8794}.roadmap-context-menu button b{font-size:8.8px;font-weight:590}.roadmap-context-menu button.danger{color:#bd3b56}.roadmap-create-task-action{color:#168254!important}.roadmap-menu-sep{height:1px;background:#eceff3;margin:4px -1px}

.roadmap-modal{max-width:820px!important}.roadmap-drawer{position:fixed;z-index:115;right:0;top:0;bottom:0;width:min(520px,96vw);background:#fff;border-left:1px solid #dfe3e8;box-shadow:-18px 0 55px #1118271f;transform:translateX(101%);transition:.2s;display:flex;flex-direction:column}.roadmap-drawer.open{transform:translateX(0)}
.roadmap-drawer-head{padding:15px;border-bottom:1px solid #e7eaf0;display:flex;align-items:flex-start;justify-content:space-between}.roadmap-drawer-kicker{font-size:6.8px;font-weight:850;letter-spacing:.07em;color:#7958c2}.roadmap-drawer-head h2{font-size:15px;margin:4px 0 0;color:#2d384a}.roadmap-drawer-scroll{flex:1;overflow:auto;padding:16px}.roadmap-drawer-actions{border-top:1px solid #e7eaf0;padding:10px 12px;display:flex;justify-content:flex-end;gap:7px}
.roadmap-detail-status{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.roadmap-detail-status>span{font-size:7.5px;border-radius:5px;padding:4px 6px;background:#f1f3f6;color:#657083;font-weight:750}
.roadmap-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.roadmap-detail-grid>div{background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;padding:9px}.roadmap-detail-grid small{display:block;font-size:6.8px;color:#929caa;text-transform:uppercase;font-weight:760}.roadmap-detail-grid b{display:block;margin-top:4px;font-size:8.8px;color:#394557}
.roadmap-detail-section{margin-top:15px}.roadmap-detail-section h3{font-size:9.5px;margin:0 0 7px;color:#394557}.roadmap-detail-section p{font-size:8.5px;line-height:1.55;color:#667183;margin:0}.roadmap-resource-links{display:flex;gap:5px;flex-wrap:wrap}.roadmap-resource-links a{font-size:8px;background:#eef5ff;color:#3774bd;border-radius:6px;padding:6px 8px}.roadmap-child{display:flex;align-items:center;justify-content:space-between;border:1px solid #edf0f4;background:#fafbfc;border-radius:7px;padding:7px 8px;margin-bottom:5px}.roadmap-child span{font-size:8.5px;color:#455163}.roadmap-child small,.roadmap-muted{font-size:7.5px;color:#929caa}
.roadmap-toast{position:fixed;z-index:190;left:50%;bottom:28px;transform:translate(-50%,12px);opacity:0;background:#222a35;color:#fff;padding:10px 14px;border-radius:9px;font-size:8.5px;box-shadow:0 12px 35px #11182738;transition:.15s}.roadmap-toast.show{opacity:1;transform:translate(-50%,0)}.roadmap-toast.bad{background:#b63b54}
@media(max-width:900px){.project-tabs{overflow:auto;justify-content:flex-start!important}.project-tabs a{flex:0 0 auto}.roadmap-toolbar{height:auto;min-height:50px;flex-wrap:wrap;padding:8px 10px}.roadmap-toolbar-left,.roadmap-toolbar-right{flex-wrap:wrap}.roadmap-search{width:180px}.roadmap-scroll{height:calc(100vh - 120px)}}@media(max-width:650px){.roadmap-column{width:255px;flex-basis:255px}.roadmap-detail-grid{grid-template-columns:1fr}}



/* === INS ROADMAP V10.2 UPBASE UI POLISH === */

/* Overall app proportions */
:root{
  --ui-bg:#f7f7f8;
  --ui-panel:#ffffff;
  --ui-line:#e5e7eb;
  --ui-text:#252a34;
  --ui-muted:#7d8795;
  --ui-blue:#2f80ed;
  --ui-sidebar:#252525;
}
body.roadmap-v10-page{background:var(--ui-bg)!important;color:var(--ui-text)!important}

/* Left sidebar: more like Upbase */
.app-sidebar{width:214px!important;background:#252525!important;border-right:0!important}
.app-shell{padding-left:214px!important}
.sidebar-brand{height:58px!important;padding:0 14px!important}
.sidebar-brand strong{font-size:13px!important;font-weight:800!important;letter-spacing:-.01em!important}
.sidebar-brand small{font-size:9px!important;color:#aeb5bf!important}
.sidebar-nav{padding:7px 8px!important}
.sidebar-nav a{
  min-height:36px!important;
  padding:0 10px!important;
  border-radius:7px!important;
  font-size:12px!important;
  font-weight:620!important;
  color:#e6e9ee!important;
  gap:9px!important
}
.sidebar-nav a svg{width:16px!important;height:16px!important;opacity:.82!important}
.sidebar-nav a:hover{background:#343434!important;color:#fff!important}
.sidebar-nav a.active{background:#4b4b4b!important;color:#fff!important;box-shadow:none!important}
.sidebar-section-label{
  font-size:9px!important;
  color:#8d949e!important;
  letter-spacing:.06em!important;
  padding:14px 10px 6px!important
}

/* Topbar */
.app-topbar{height:54px!important;background:#fff!important;border-bottom:1px solid #eceef2!important}
.topbar-project{min-width:260px!important;padding:0 14px!important;gap:8px!important}
.topbar-project strong{font-size:13px!important;font-weight:780!important;color:#2d3440!important}
.topbar-project small{font-size:9px!important}
.project-tabs{
  height:54px!important;
  gap:0!important;
  padding:0 4px!important;
  overflow-x:auto!important
}
.project-tabs a{
  height:54px!important;
  padding:0 13px!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:11.5px!important;
  font-weight:620!important;
  color:#626b79!important;
  position:relative!important;
  white-space:nowrap!important
}
.project-tabs a:hover{background:#fafafa!important;color:#262d38!important}
.project-tabs a.active{
  background:transparent!important;
  color:#1677ff!important;
  font-weight:700!important
}
.project-tabs a.active:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:0!important;
  height:2px!important;
  border-radius:999px!important;
  background:#1677ff!important
}
.topbar-actions{height:54px!important;padding:0 14px!important;gap:9px!important}
.top-icon{width:31px!important;height:31px!important;border-radius:7px!important}

/* Roadmap toolbar under top nav */
.roadmap-toolbar{
  min-height:48px!important;
  height:auto!important;
  padding:7px 12px!important;
  background:#fff!important;
  border-bottom:1px solid #e8ebef!important;
  gap:8px!important
}
.roadmap-toolbar-left,.roadmap-toolbar-right{gap:7px!important}
.roadmap-project-select,.roadmap-filter{
  height:32px!important;
  border:1px solid #dfe3e8!important;
  border-radius:7px!important;
  font-size:10.5px!important;
  font-weight:560!important;
  color:#4f5866!important;
  background:#fff!important
}
.roadmap-project-select{min-width:190px!important;max-width:250px!important}
.roadmap-search{
  height:32px!important;
  width:245px!important;
  border:1px solid #dfe3e8!important;
  border-radius:7px!important;
  padding:0 9px!important;
  background:#fff!important
}
.roadmap-search input{
  font-size:10.5px!important;
  color:#414a57!important;
  font-weight:500!important
}
.roadmap-btn{
  height:32px!important;
  border-radius:7px!important;
  padding:0 12px!important;
  font-size:10.5px!important;
  font-weight:700!important
}
.roadmap-btn.primary{background:#1677ff!important}
.roadmap-btn.secondary{background:#fff!important;border-color:#dfe3e8!important}
.roadmap-summary{font-size:10px!important;color:#8b94a1!important}
.roadmap-summary b{font-size:11px!important;color:#3e4653!important}

/* Main board */
.roadmap-scroll{
  height:calc(100vh - 103px)!important;
  padding:14px 10px 36px!important;
  background:#f7f7f8!important;
  scrollbar-color:#cfd4db transparent!important
}
.roadmap-board{gap:12px!important;align-items:flex-start!important}

/* Columns */
.roadmap-column{
  width:286px!important;
  flex:0 0 286px!important;
  border-top:0!important;
  border-radius:9px!important;
  background:transparent!important
}
.roadmap-column-head{
  height:42px!important;
  padding:0 10px 0 11px!important;
  background:#eeeeef!important;
  border-radius:9px 9px 0 0!important;
  border-top:3px solid var(--accent,#6366f1)!important
}
.roadmap-column-title{gap:7px!important}
.roadmap-accent{
  width:8px!important;height:8px!important;
  box-shadow:none!important
}
.roadmap-column-title strong{
  max-width:205px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:770!important;
  color:#30343b!important
}
.roadmap-column-title>span:last-child{
  font-size:10px!important;
  color:#5f6874!important;
  font-weight:650!important
}
.roadmap-column-menu{
  font-size:13px!important;
  padding:4px 6px!important;
  color:#69727f!important
}
.roadmap-column-plus{
  width:28px!important;height:28px!important;
  font-size:18px!important;
  color:#606a77!important
}

/* Column dropdown groups */
.roadmap-subgroups{
  padding:7px 8px 2px!important;
  background:#f1f1f2!important
}
.roadmap-subgroup{
  height:35px!important;
  border-radius:7px!important;
  border:1px solid #dde1e6!important;
  box-shadow:0 1px 2px rgba(22,30,43,.04)!important;
  grid-template-columns:26px 1fr 28px!important
}
.roadmap-subgroup-name,.roadmap-subgroup-input{
  font-size:11px!important;
  font-weight:650!important
}

/* Cards */
.roadmap-card-list{
  padding:8px!important;
  background:#f1f1f2!important;
  border-color:#ededee!important;
  min-height:48px!important
}
.roadmap-card{
  margin-bottom:8px!important;
  border:1px solid #dadde2!important;
  border-radius:9px!important;
  box-shadow:0 1px 3px rgba(20,28,38,.08)!important;
  background:#fff!important
}
.roadmap-card:hover{
  border-color:#9fc2ed!important;
  box-shadow:0 5px 14px rgba(47,128,237,.10)!important;
  transform:translateY(-1px)!important
}
.roadmap-card-top{
  padding:11px 9px 6px 10px!important;
  gap:8px!important
}
.roadmap-type-icon{
  width:19px!important;height:19px!important;
  border-radius:50%!important;
  font-size:8px!important;
  background:#fff!important;
  border:2px solid var(--accent,#f59e0b)!important;
  color:#5e6773!important
}
.roadmap-card-copy strong{
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:570!important;
  color:#343941!important
}
.roadmap-card-copy small{
  margin-top:3px!important;
  font-size:9.5px!important;
  color:#89929e!important
}
.roadmap-card-menu{
  font-size:12px!important;
  padding:4px 5px!important
}
.roadmap-card-badges{
  padding:2px 9px 5px 37px!important;
  gap:5px!important
}
.roadmap-status,.roadmap-page-type,.roadmap-live{
  font-size:9px!important;
  padding:3px 6px!important;
  border-radius:5px!important
}
.roadmap-card-footer{
  padding:5px 9px 9px 37px!important
}
.roadmap-card-meta span{
  font-size:9px!important
}
.roadmap-add-bottom{
  height:34px!important;
  padding:0 10px!important;
  font-size:10.5px!important;
  background:#f1f1f2!important;
  color:#9aa0aa!important;
  border-radius:0 0 9px 9px!important
}
.roadmap-add-bottom:hover{
  background:#e9eaec!important;
  color:#616a77!important
}

/* Better menus */
.roadmap-context-menu{
  width:215px!important;
  border-radius:10px!important;
  box-shadow:0 14px 36px rgba(17,24,39,.18)!important;
  padding:6px!important
}
.roadmap-context-menu button{
  height:34px!important;
  grid-template-columns:24px 1fr!important;
  padding:0 8px!important
}
.roadmap-context-menu button b{
  font-size:11px!important;
  font-weight:520!important
}
.roadmap-context-menu button span{
  font-size:13px!important
}

/* Detail drawer */
.roadmap-drawer{width:min(560px,96vw)!important}
.roadmap-drawer-head{padding:17px!important}
.roadmap-drawer-head h2{font-size:18px!important}
.roadmap-drawer-kicker{font-size:8px!important}
.roadmap-drawer-scroll{padding:17px!important}
.roadmap-detail-grid small{font-size:8px!important}
.roadmap-detail-grid b{font-size:10.5px!important}
.roadmap-detail-section h3{font-size:11.5px!important}
.roadmap-detail-section p{font-size:10.5px!important}
.roadmap-resource-links a{font-size:10px!important}
.roadmap-child span{font-size:10px!important}
.roadmap-child small,.roadmap-muted{font-size:9px!important}

/* Forms/modals */
.roadmap-modal{max-width:850px!important}
.modal-card{border-radius:13px!important;box-shadow:0 22px 60px rgba(17,24,39,.22)!important}
.modal-head h3{font-size:15px!important}
.modal-head p{font-size:10px!important}
.field span{font-size:10px!important;font-weight:700!important}
.field input,.field select,.field textarea{font-size:11px!important}

/* Responsive */
@media(max-width:900px){
  .app-sidebar{width:190px!important}
  .app-shell{padding-left:190px!important}
  .roadmap-column{width:270px!important;flex-basis:270px!important}
  .project-tabs a{font-size:11px!important;padding:0 10px!important}
}
@media(max-width:700px){
  .app-sidebar{width:0!important;transform:translateX(-100%)}
  .app-shell{padding-left:0!important}
  .roadmap-toolbar{align-items:flex-start!important}
  .roadmap-toolbar-left,.roadmap-toolbar-right{width:100%!important}
  .roadmap-search{flex:1!important;width:auto!important}
}



/* === INS ROADMAP V10.3 HEADER PLUS GROUP FIX === */
.roadmap-subgroups{
  background:#f1f1f2;
  border-left:1px solid #e7e9ed;
  border-right:1px solid #e7e9ed;
  padding:7px 8px 2px;
}
.roadmap-subgroup-wrap{margin-bottom:6px}
.roadmap-subgroup{
  height:36px;
  background:#fff;
  border:1px solid #d9dde3;
  border-radius:8px;
  display:grid;
  grid-template-columns:28px 1fr 30px;
  align-items:center;
  box-shadow:0 1px 3px rgba(20,28,38,.06);
}
.roadmap-subgroup:hover{border-color:#b9cce4}
.roadmap-subgroup-toggle,
.roadmap-subgroup-rename{
  height:30px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#7d8794;
  font-size:13px;
}
.roadmap-subgroup-toggle:hover,
.roadmap-subgroup-rename:hover{
  background:#f0f3f6;
  color:#3f4a59;
}
.roadmap-subgroup-name{
  min-width:0;
  font-size:11px;
  font-weight:720;
  color:#414b59;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:text;
}
.roadmap-subgroup-input{
  height:27px!important;
  border:1px solid #65a3ef!important;
  border-radius:6px!important;
  padding:0 7px!important;
  font-size:11px!important;
  font-weight:720!important;
  color:#354154!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(47,128,237,.10)!important;
}
.roadmap-subgroup-body{
  min-height:28px;
  margin:0 6px;
  padding:7px 10px;
  border:1px solid #e2e5e9;
  border-top:0;
  border-radius:0 0 7px 7px;
  background:#fafbfc;
  color:#a0a7b1;
  font-size:9px;
}
.roadmap-subgroup-wrap.collapsed .roadmap-subgroup-body{display:none}
.roadmap-column-plus[data-add-subgroup]{
  color:#4f5967!important;
  font-weight:800!important;
}

/* === INS PORTAL UI V12 START === */
:root{
  --v12-bg:#f7f8fa;
  --v12-panel:#ffffff;
  --v12-line:#e5e7eb;
  --v12-line-strong:#d9dde3;
  --v12-text:#232a35;
  --v12-muted:#7e8897;
  --v12-primary:#2563eb;
  --v12-sidebar:#242424;
  --v12-sidebar-hover:#343434;
  --v12-sidebar-active:#454545;
}
body{background:var(--v12-bg);color:var(--v12-text)}
.app-sidebar{background:var(--v12-sidebar)!important;border-right:0!important;box-shadow:none!important}
.sidebar-brand{border-bottom:1px solid rgba(255,255,255,.055)!important}
.sidebar-brand strong{font-size:13px!important;font-weight:800!important;letter-spacing:-.015em!important}
.sidebar-brand small{font-size:9px!important;color:#aeb4bd!important}
.sidebar-nav a{min-height:36px!important;border-radius:7px!important;font-size:11.5px!important;font-weight:620!important;color:#e1e4e9!important;transition:background .13s ease,color .13s ease!important}
.sidebar-nav a:hover{background:var(--v12-sidebar-hover)!important;color:#fff!important}
.sidebar-nav a.active{background:var(--v12-sidebar-active)!important;color:#fff!important;box-shadow:none!important}
.sidebar-nav a svg{opacity:.84!important}
.sidebar-section-label,.sidebar-label{color:#8e959f!important;font-size:8.5px!important;font-weight:760!important;letter-spacing:.065em!important;text-transform:uppercase!important}

.app-topbar{background:#fff!important;border-bottom:1px solid #eceef2!important;box-shadow:none!important}
.topbar-project strong{color:#2c3542!important;font-size:12.5px!important;font-weight:790!important;letter-spacing:-.012em!important}
.topbar-project small{color:#8e97a4!important;font-size:8.5px!important}
.project-tabs{gap:0!important}
.project-tabs a{position:relative!important;background:transparent!important;border-radius:0!important;color:#667180!important;font-size:11px!important;font-weight:620!important;white-space:nowrap!important;transition:color .12s ease,background .12s ease!important}
.project-tabs a:hover{background:#fafafa!important;color:#26303d!important}
.project-tabs a.active{background:transparent!important;color:var(--v12-primary)!important;font-weight:720!important}
.project-tabs a.active:after{content:""!important;display:block!important;position:absolute!important;left:12px!important;right:12px!important;bottom:0!important;height:2px!important;border-radius:999px!important;background:var(--v12-primary)!important}
.top-icon{border-radius:8px!important;color:#6f7885!important}
.top-icon:hover{background:#f4f6f8!important;color:#344052!important}

.rm11-subbar,.roadmap-toolbar{background:#fff!important;border-bottom:1px solid #e8ebef!important;box-shadow:none!important}
.rm11-view{background:#eef0f2!important;color:#252c36!important;border-radius:7px!important;font-size:11px!important;font-weight:760!important}
.rm11-search,.roadmap-search{border-radius:8px!important}
.rm11-search input,.roadmap-search input{font-size:10.5px!important}

.rm11-board-scroll,.roadmap-scroll{background:#f7f8fa!important;scrollbar-color:#cbd1d8 transparent!important}
.rm11-board,.roadmap-board{gap:12px!important}
.rm11-column{width:326px!important;flex:0 0 326px!important}
.roadmap-column{width:286px!important;flex:0 0 286px!important}
.rm11-column-head,.roadmap-column-head{background:#eceeef!important;border-radius:9px!important;box-shadow:none!important}
.rm11-column-title strong,.roadmap-column-title strong{color:#2d3541!important;font-weight:790!important;letter-spacing:-.012em!important}
.rm11-column-title strong{font-size:12.5px!important}
.roadmap-column-title strong{font-size:11px!important}
.rm11-col-more,.rm11-col-plus,.roadmap-column-menu,.roadmap-column-plus{color:#69727f!important;border-radius:6px!important}
.rm11-col-more:hover,.rm11-col-plus:hover,.roadmap-column-menu:hover,.roadmap-column-plus:hover{background:#dde1e5!important;color:#303844!important}

.rm11-card,.roadmap-card{background:#fff!important;border:1px solid var(--v12-line-strong)!important;border-radius:9px!important;box-shadow:0 1px 4px rgba(17,24,39,.065)!important;transition:border-color .13s ease,box-shadow .13s ease,transform .13s ease!important}
.rm11-card:hover,.roadmap-card:hover{border-color:#abc6e6!important;box-shadow:0 5px 15px rgba(37,99,235,.085)!important;transform:translateY(-1px)!important}
.rm11-card.rm11-selected,.roadmap-card.selected{border:1.5px solid #2f80ed!important;box-shadow:0 0 0 1px rgba(47,128,237,.06)!important}
.rm11-card-title,.roadmap-card-copy strong{color:#343c48!important;font-weight:540!important;letter-spacing:-.006em!important}
.rm11-card-title{font-size:12.5px!important}
.roadmap-card-copy strong{font-size:10.5px!important}
.rm11-status-circle.orange{background:#ff982e!important}
.rm11-status-circle.green{background:#28aa67!important}
.rm11-card-more,.roadmap-card-menu{color:#8d96a1!important}
.rm11-card-more:hover,.roadmap-card-menu:hover{background:#f0f2f4!important;color:#596270!important}
.rm11-add-row,.roadmap-add-bottom{color:#9ca4af!important}
.rm11-add-row:hover,.roadmap-add-bottom:hover{background:#eceff2!important;color:#69727f!important}

.rm11-group-head,.roadmap-subgroup{background:#e9ebed!important;border-color:#dfe3e7!important;border-radius:8px!important}
.rm11-group-head strong,.roadmap-subgroup-name{color:#46505d!important;font-weight:730!important}

.rm11-menu,.roadmap-context-menu{background:#fff!important;border:1px solid #dfe3e7!important;border-radius:10px!important;box-shadow:0 16px 42px rgba(15,23,42,.17)!important}
.rm11-menu button,.roadmap-context-menu button{border-radius:7px!important;color:#4f5966!important}
.rm11-menu button:hover,.roadmap-context-menu button:hover{background:#f2f4f6!important;color:#27313e!important}

.rm11-drawer,.roadmap-drawer{background:#fff!important;border-left:1px solid #e0e3e7!important;box-shadow:-18px 0 50px rgba(15,23,42,.12)!important}
.rm11-drawer-top,.roadmap-drawer-head{background:#fff!important;border-bottom:1px solid #e8eaed!important}
.rm11-task-title h1,.roadmap-drawer-head h2{color:#212832!important;font-weight:800!important;letter-spacing:-.02em!important}
.rm11-task-title p,.roadmap-drawer-kicker{color:#8d96a2!important}
.rm11-field-row{border-radius:7px!important}
.rm11-field-row:hover{background:#f8f9fb!important}
.rm11-field-row b{color:#7f8894!important;font-weight:500!important}
.rm11-field-row em{color:#aeb4bc!important}
.rm11-description,.rm11-comments-section{border-top:1px solid #eceef1!important}
.rm11-comment-box{background:#fff!important;border-top:1px solid #e7e9ed!important}
.rm11-comment-input{border:1px solid #dde1e6!important;border-radius:9px!important}

.btn,.roadmap-btn{border-radius:8px!important}
.btn-primary,.roadmap-btn.primary{background:#2f80ed!important;border-color:#2f80ed!important}
.field input,.field select,.field textarea{border-color:#dfe3e8!important;border-radius:8px!important}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#8bb9ef!important;box-shadow:0 0 0 3px rgba(47,128,237,.08)!important}

@media(max-width:1100px){
  .project-tabs a{font-size:10.5px!important}
  .rm11-column{width:300px!important;flex-basis:300px!important}
}
@media(max-width:720px){
  .project-tabs{overflow-x:auto!important;justify-content:flex-start!important}
  .project-tabs a{flex:0 0 auto!important}
  .rm11-column,.roadmap-column{width:278px!important;flex-basis:278px!important}
}
/* === INS PORTAL UI V12 END === */