/* Nannajee Solutions Classic Pro UI V4
   Original brand direction + compact enterprise application system.
   Styles are intentionally selective: bento/spatial for information hierarchy,
   clay/neomorphic treatments for controls, skeuomorphic paper for documents,
   maximal accents only for high-priority messages. */
:root{
  --ns4-brand:#073b7a;--ns4-brand-2:#0d6efd;--ns4-accent:#f59e0b;--ns4-cyan:#06b6d4;
  --ns4-bg:#eef3f8;--ns4-surface:#ffffff;--ns4-surface-2:#f6f8fb;--ns4-surface-3:#eaf0f7;
  --ns4-text:#12243d;--ns4-muted:#64748b;--ns4-border:#d8e2ee;--ns4-success:#108a5a;--ns4-warning:#b96500;--ns4-danger:#c4314b;
  --ns4-sidebar:272px;--ns4-rail:82px;--ns4-topbar:70px;--ns4-radius:18px;--ns4-radius-sm:12px;
  --ns4-shadow-xs:0 1px 2px rgba(15,35,65,.05);--ns4-shadow-sm:0 8px 24px rgba(15,35,65,.08);--ns4-shadow-md:0 18px 45px rgba(15,35,65,.12);--ns4-shadow-lg:0 32px 80px rgba(7,33,72,.18);
  --ns4-gradient:linear-gradient(135deg,var(--ns4-brand),var(--ns4-brand-2) 58%,var(--ns4-cyan));
  --bs-primary:var(--ns4-brand-2);--bs-primary-rgb:13,110,253;--bs-body-color:var(--ns4-text);--bs-body-bg:var(--ns4-bg);--bs-border-color:var(--ns4-border);
}
html[data-color-mode="dark"]{--ns4-bg:#09111e;--ns4-surface:#101b2c;--ns4-surface-2:#162338;--ns4-surface-3:#1e2d45;--ns4-text:#f1f5fb;--ns4-muted:#9aabc2;--ns4-border:#293951;--ns4-shadow-xs:0 1px 2px rgba(0,0,0,.35);--ns4-shadow-sm:0 10px 28px rgba(0,0,0,.28);--ns4-shadow-md:0 22px 55px rgba(0,0,0,.38);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,"Segoe UI",Roboto,system-ui,-apple-system,sans-serif;color:var(--ns4-text);background:var(--ns4-bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.min-w-0{min-width:0}:focus-visible{outline:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--ns4-brand-2) 18%,transparent)!important}.text-muted{color:var(--ns4-muted)!important}.border,.border-top,.border-bottom{border-color:var(--ns4-border)!important}.bg-white{background:var(--ns4-surface)!important}
.ns4-skip{position:fixed;z-index:9999;left:14px;top:-60px;padding:10px 14px;border-radius:10px;background:#07172b;color:#fff}.ns4-skip:focus{top:14px}

/* App shell: drawer -> rail -> mobile drawer */
.ns4-app{min-height:100vh;display:grid;grid-template-columns:var(--ns4-sidebar) minmax(0,1fr)}
.ns4-drawer{position:fixed;inset:0 auto 0 0;z-index:1060;width:var(--ns4-sidebar);display:flex;flex-direction:column;background:color-mix(in srgb,var(--ns4-surface) 96%,var(--ns4-brand) 4%);border-right:1px solid var(--ns4-border);box-shadow:8px 0 40px rgba(7,33,72,.05);transition:width .24s ease,transform .24s ease}
.ns4-brand{height:var(--ns4-topbar);display:flex;align-items:center;gap:11px;padding:0 17px;border-bottom:1px solid var(--ns4-border);color:var(--ns4-text)}.ns4-brand:hover{color:var(--ns4-text)}
.ns4-brand-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#07172b;box-shadow:0 8px 20px rgba(7,59,122,.2);overflow:hidden}.ns4-brand-mark img{width:100%;height:100%;object-fit:cover}.ns4-brand-copy{min-width:0;line-height:1.15}.ns4-brand-copy strong,.ns4-brand-copy small{display:block;white-space:nowrap}.ns4-brand-copy strong{font-size:.84rem}.ns4-brand-copy small{margin-top:4px;color:var(--ns4-muted);font-size:.58rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.ns4-workspace{margin:13px 12px 7px;padding:11px 12px;border:1px solid var(--ns4-border);border-radius:14px;background:var(--ns4-surface-2);display:flex;align-items:center;justify-content:space-between;gap:10px}.ns4-workspace div{min-width:0}.ns4-workspace small,.ns4-workspace strong{display:block}.ns4-workspace small{font-size:.58rem;color:var(--ns4-muted);text-transform:uppercase;letter-spacing:.08em}.ns4-workspace strong{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns4-day-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--ns-primary,var(--ns4-brand-2));box-shadow:0 0 0 5px color-mix(in srgb,var(--ns-primary,var(--ns4-brand-2)) 12%,transparent)}
.ns4-nav-search{margin:7px 12px 3px;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--ns4-border);border-radius:12px;background:var(--ns4-surface);box-shadow:inset 2px 2px 5px rgba(16,38,70,.04),inset -2px -2px 5px rgba(255,255,255,.8);color:var(--ns4-muted)}.ns4-nav-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ns4-text);font-size:.75rem}
.ns4-nav{flex:1;overflow:auto;padding:7px 9px 20px;scrollbar-width:thin}.ns4-nav-group{display:block;margin-top:14px}.ns4-nav-label{display:block;padding:0 10px 6px;color:var(--ns4-muted);font-size:.57rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ns4-nav-link{position:relative;min-height:40px;margin:2px 0;padding:8px 10px;display:flex;align-items:center;gap:11px;border-radius:11px;color:color-mix(in srgb,var(--ns4-text) 82%,var(--ns4-muted));font-size:.73rem;font-weight:720;transition:.18s ease}.ns4-nav-link>i{width:20px;text-align:center;color:var(--ns4-muted);font-size:.95rem}.ns4-nav-link:hover{color:var(--ns4-brand);background:var(--ns4-surface-2);transform:translateX(2px)}.ns4-nav-link.active{color:#fff;background:linear-gradient(135deg,var(--ns4-brand),var(--ns4-brand-2));box-shadow:0 8px 20px rgba(7,59,122,.2)}.ns4-nav-link.active>i{color:#fff}.ns4-nav-link.active::after{content:"";position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.15)}
.ns4-drawer-foot{padding:12px;border-top:1px solid var(--ns4-border)}.ns4-online{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:11px;background:var(--ns4-surface-2);color:var(--ns4-muted);font-size:.64rem}.ns4-online::before{content:"";width:8px;height:8px;border-radius:50%;background:#21a96a;box-shadow:0 0 0 4px rgba(33,169,106,.12)}
.ns4-main{grid-column:2;min-width:0}.ns4-appbar{position:sticky;top:0;z-index:1040;height:var(--ns4-topbar);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:color-mix(in srgb,var(--ns4-surface) 93%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--ns4-border)}.ns4-appbar-title{display:flex;align-items:center;gap:11px;min-width:0}.ns4-appbar-title h1{margin:0;font-size:1rem;font-weight:840;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns4-appbar-title p{margin:1px 0 0;color:var(--ns4-muted);font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns4-actions{display:flex;align-items:center;gap:7px}.ns4-icon-btn{position:relative;min-width:38px;height:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--ns4-border);border-radius:11px;background:var(--ns4-surface);color:var(--ns4-text);box-shadow:var(--ns4-shadow-xs);cursor:pointer;transition:.18s}.ns4-icon-btn:hover{color:var(--ns4-brand-2);border-color:color-mix(in srgb,var(--ns4-brand-2) 30%,var(--ns4-border));transform:translateY(-1px);box-shadow:var(--ns4-shadow-sm)}.ns4-icon-btn .ns4-label{font-size:.66rem;font-weight:750}.ns4-count{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid var(--ns4-surface);border-radius:999px;background:#db3150;color:#fff;font-size:.55rem;font-weight:900}.ns4-user{display:flex;align-items:center;gap:8px;padding:3px 9px 3px 3px;border:1px solid var(--ns4-border);border-radius:12px;background:var(--ns4-surface);color:var(--ns4-text)}.ns4-user:hover{color:var(--ns4-text)}.ns4-avatar{width:32px;height:32px;display:grid;place-items:center;object-fit:cover;border-radius:9px;background:linear-gradient(135deg,var(--ns4-brand),var(--ns4-brand-2));color:#fff;font-weight:850}.ns4-user-copy{line-height:1.15}.ns4-user-copy strong,.ns4-user-copy small{display:block}.ns4-user-copy strong{font-size:.67rem}.ns4-user-copy small{margin-top:2px;color:var(--ns4-muted);font-size:.57rem}
.ns4-tabbar{position:sticky;top:var(--ns4-topbar);z-index:1025;display:flex;gap:4px;padding:7px 20px;background:var(--ns4-surface);border-bottom:1px solid var(--ns4-border);overflow:auto}.ns4-tabbar a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;color:var(--ns4-muted);font-size:.65rem;font-weight:780;white-space:nowrap}.ns4-tabbar a:hover,.ns4-tabbar a.active{color:var(--ns4-brand);background:color-mix(in srgb,var(--ns4-brand-2) 8%,var(--ns4-surface))}.ns4-content{width:100%;max-width:1800px;margin:0 auto;padding:20px 22px 56px}
.ns4-overlay{position:fixed;inset:0;z-index:1050;background:rgba(4,15,30,.45);backdrop-filter:blur(3px);display:none}.ns4-menu{display:none}

/* Rail mode */
body.ns4-rail .ns4-app{grid-template-columns:var(--ns4-rail) minmax(0,1fr)}body.ns4-rail .ns4-drawer{width:var(--ns4-rail)}body.ns4-rail .ns4-brand-copy,body.ns4-rail .ns4-workspace,body.ns4-rail .ns4-nav-search input,body.ns4-rail .ns4-nav-label,body.ns4-rail .ns4-nav-link span,body.ns4-rail .ns4-online span{display:none}body.ns4-rail .ns4-brand{justify-content:center;padding:0}body.ns4-rail .ns4-nav-search{justify-content:center;margin-inline:14px;padding:10px 0}body.ns4-rail .ns4-nav-link{justify-content:center;padding-inline:0}body.ns4-rail .ns4-nav-link>i{width:auto;font-size:1rem}body.ns4-rail .ns4-nav-link.active::after{right:7px}body.ns4-rail .ns4-drawer-foot{padding-inline:14px}body.ns4-rail .ns4-online{justify-content:center;padding:10px 0}

/* Shared cards / bento / spatial */
.panel,.ns4-card,.ns11-card,.ns12-card,.ns-card{border:1px solid var(--ns4-border)!important;border-radius:var(--ns4-radius)!important;background:var(--ns4-surface)!important;box-shadow:var(--ns4-shadow-sm)!important;overflow:hidden}.panel-head,.panel-header,.ns4-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border-bottom:1px solid var(--ns4-border);background:linear-gradient(180deg,color-mix(in srgb,var(--ns4-surface) 96%,var(--ns4-brand) 4%),var(--ns4-surface))}.panel-title{margin:0;font-size:.84rem;font-weight:850}.panel-body{padding:17px}
.ns4-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.ns4-bento>*{min-width:0}.ns4-span-2{grid-column:span 2}.ns4-span-3{grid-column:span 3}.ns4-span-4{grid-column:span 4}.ns4-span-5{grid-column:span 5}.ns4-span-6{grid-column:span 6}.ns4-span-7{grid-column:span 7}.ns4-span-8{grid-column:span 8}.ns4-span-9{grid-column:span 9}.ns4-span-12{grid-column:1/-1}.ns4-row-2{grid-row:span 2}
.ns4-bento-card{position:relative;padding:17px;border:1px solid var(--ns4-border);border-radius:18px;background:var(--ns4-surface);box-shadow:var(--ns4-shadow-sm);overflow:hidden}.ns4-bento-card::after{content:"";position:absolute;right:-38px;top:-40px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--ns4-brand-2) 6%,transparent);pointer-events:none}.ns4-bento-card>*{position:relative;z-index:1}.ns4-spatial{box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 14px 35px rgba(7,33,72,.1),10px 10px 0 color-mix(in srgb,var(--ns4-brand-2) 5%,transparent)}.ns4-clay{border:1px solid rgba(255,255,255,.55)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ns4-brand-2) 90%,#fff),var(--ns4-brand))!important;color:#fff!important;box-shadow:inset 3px 3px 7px rgba(255,255,255,.2),inset -4px -4px 10px rgba(1,29,74,.2),0 10px 24px rgba(7,59,122,.22)!important}.ns4-neu{background:var(--ns4-surface-2)!important;box-shadow:inset 3px 3px 6px rgba(34,54,83,.08),inset -3px -3px 6px color-mix(in srgb,var(--ns4-surface) 92%,transparent)!important}.ns4-maximal{background:linear-gradient(125deg,#07172b 0%,var(--ns4-brand) 45%,var(--ns4-brand-2) 76%,var(--ns4-cyan) 130%)!important;color:#fff!important;border-color:transparent!important}.ns4-maximal::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent),radial-gradient(circle at 92% 12%,rgba(255,255,255,.18),transparent 28%);pointer-events:none}
.ns4-kicker{display:block;color:var(--ns4-brand-2);font-size:.57rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ns4-card-title{margin:7px 0 3px;font-size:1.05rem;font-weight:860;letter-spacing:-.025em}.ns4-card-text{margin:0;color:var(--ns4-muted);font-size:.7rem}.ns4-metric{display:flex;flex-direction:column;min-height:132px}.ns4-metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--ns4-brand-2) 9%,var(--ns4-surface));color:var(--ns4-brand-2);font-size:1rem}.ns4-metric strong{margin-top:auto;font-size:1.65rem;letter-spacing:-.04em}.ns4-metric small{color:var(--ns4-muted);font-size:.63rem;font-weight:760}.ns4-trend{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:var(--ns4-success);font-size:.6rem;font-weight:800}
.ns4-welcome{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:18px;align-items:center;padding:20px}.ns4-welcome h2{margin:6px 0 7px;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.12;letter-spacing:-.04em}.ns4-welcome p{max-width:700px;margin:0;color:rgba(255,255,255,.78)}.ns4-welcome-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ns4-mini-board{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ns4-mini-board div{padding:13px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}.ns4-mini-board small,.ns4-mini-board strong{display:block}.ns4-mini-board small{color:rgba(255,255,255,.7);font-size:.58rem}.ns4-mini-board strong{margin-top:4px;font-size:1rem}

/* Buttons, forms, chips, checkbox */
.btn{border-radius:11px;font-weight:740;font-size:.72rem;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary,.btn-ns{border-color:transparent!important;background:linear-gradient(135deg,var(--ns4-brand),var(--ns4-brand-2))!important;color:#fff!important;box-shadow:0 8px 18px rgba(7,59,122,.17)}.btn-light{background:var(--ns4-surface-2)!important;border-color:var(--ns4-border)!important;color:var(--ns4-text)!important}.form-control,.form-select{min-height:43px;border-color:var(--ns4-border);border-radius:11px;background:var(--ns4-surface);color:var(--ns4-text);font-size:.72rem}.form-control:focus,.form-select:focus{border-color:var(--ns4-brand-2);background:var(--ns4-surface);color:var(--ns4-text);box-shadow:0 0 0 4px color-mix(in srgb,var(--ns4-brand-2) 12%,transparent)}textarea.form-control{min-height:110px}.form-label{margin-bottom:6px;color:var(--ns4-text);font-size:.64rem;font-weight:800}.form-text{color:var(--ns4-muted);font-size:.61rem}.input-group-text{border-color:var(--ns4-border);background:var(--ns4-surface-2);color:var(--ns4-muted)}
.form-check-input{width:1.1rem;height:1.1rem;border-radius:5px!important;border:1px solid var(--ns4-border);background-color:var(--ns4-surface);box-shadow:inset 1px 1px 3px rgba(10,34,66,.08)}.form-check-input:checked{border-color:var(--ns4-brand-2);background-color:var(--ns4-brand-2)}
.badge,.status-badge,.ns-status,.locked-id,.code-chip,.ns-count-pill,.ns4-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--ns4-brand-2) 18%,var(--ns4-border));border-radius:999px;background:color-mix(in srgb,var(--ns4-brand-2) 7%,var(--ns4-surface));color:var(--ns4-brand);font-size:.58rem;font-weight:850;text-transform:none}.status-badge.active,.status-badge.approved,.status-badge.completed,.status-badge.paid,.ns-status.active{color:#0d7850;background:#e8f8f0;border-color:#bce8d1}.status-badge.pending,.status-badge.waiting,.status-badge.sent{color:#9a5c00;background:#fff7e7;border-color:#f3d998}.status-badge.blocked,.status-badge.cancelled,.status-badge.overdue,.status-badge.failed{color:#aa253d;background:#fff0f3;border-color:#f5c5cf}

/* Tables -> mobile cards */
.table-responsive{border-radius:0 0 var(--ns4-radius) var(--ns4-radius)}.table{--bs-table-bg:transparent;--bs-table-color:var(--ns4-text);margin:0}.table>thead th{padding:11px 13px;border-bottom:1px solid var(--ns4-border);background:var(--ns4-surface-2);color:var(--ns4-muted);font-size:.57rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.table>tbody td{padding:12px 13px;border-bottom:1px solid var(--ns4-border);vertical-align:middle;font-size:.69rem}.table>tbody tr:last-child td{border-bottom:0}.table>tbody tr:hover{background:color-mix(in srgb,var(--ns4-brand-2) 3%,var(--ns4-surface))}

/* Page headers / legacy compatibility */
.ns-page-head,.ns11-page-head,.ns12-page-head,.project-command-head,.member-hero,.ns-project-hero,.ns-remote-hero{position:relative;margin-bottom:15px;padding:17px 18px;border:1px solid var(--ns4-border);border-radius:var(--ns4-radius);background:var(--ns4-surface);box-shadow:var(--ns4-shadow-sm);color:var(--ns4-text)!important;overflow:hidden}.ns-page-head,.ns11-page-head,.ns12-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.ns-page-head span,.ns11-page-head span,.ns12-page-head span{color:var(--ns4-brand-2);font-size:.56rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.ns-page-head h2,.ns11-page-head h2,.ns12-page-head h2{margin:4px 0 2px;font-size:1.2rem}.ns-page-head p,.ns11-page-head p,.ns12-page-head p{margin:0;color:var(--ns4-muted);font-size:.68rem}.ns-page-head>i,.ns11-page-head>i,.ns12-page-head>i{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--ns4-surface-2);color:var(--ns4-brand-2)}
.project-command-head,.member-hero,.ns-project-hero,.ns-remote-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--ns4-brand) 5%,var(--ns4-surface)),var(--ns4-surface))!important}.project-command-head h2,.member-hero h2,.ns-project-hero h2,.ns-remote-hero h2{margin:5px 0;font-size:1.25rem;color:var(--ns4-text)}.project-command-head p,.member-hero p,.ns-project-hero p,.ns-remote-hero p{color:var(--ns4-muted)!important}

/* Project cards and notification page fixes */
.projects-grid,.member-project-grid,.ns-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card,.member-project-card{position:relative;display:flex;flex-direction:column;min-height:250px;padding:17px;border:1px solid var(--ns4-border);border-radius:18px;background:var(--ns4-surface);box-shadow:var(--ns4-shadow-sm);overflow:hidden}.project-card::after,.member-project-card::after{content:"";position:absolute;right:-28px;top:-32px;width:95px;height:95px;border-radius:50%;background:color-mix(in srgb,var(--ns4-brand-2) 6%,transparent)}.project-card>*{position:relative;z-index:1}.project-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start}.project-icon,.member-project-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--ns4-brand-2) 9%,var(--ns4-surface));color:var(--ns4-brand-2)}.project-card h3,.member-project-card h3{margin:0;font-size:.93rem}.project-card p,.member-project-card p{color:var(--ns4-muted);font-size:.66rem}.project-progress,.member-project-progress{margin:14px 0}.project-progress i,.member-project-progress i,.progress{display:block;height:7px;border-radius:999px;background:var(--ns4-surface-3);overflow:hidden}.project-progress i b,.member-project-progress i b,.progress-bar{display:block;height:100%;background:linear-gradient(90deg,var(--ns4-brand),var(--ns4-brand-2),var(--ns4-cyan))}.project-meta,.member-project-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}.project-meta>span,.member-project-meta>span{padding:9px;border:1px solid var(--ns4-border);border-radius:10px;background:var(--ns4-surface-2);font-size:.61rem}.ns12-notification-page{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:15px;align-items:start}.ns12-notification-stack{display:grid;gap:15px}.ns12-status-line{display:flex!important;align-items:center!important;gap:9px!important;height:auto!important;min-height:42px!important;margin:0 0 14px!important;padding:10px 12px!important;border:1px solid var(--ns4-border)!important;border-radius:11px!important;background:var(--ns4-surface-2)!important;font-size:.66rem!important;overflow:visible!important}.ns12-notification-page>.panel{position:sticky;top:126px}

/* Tab, carousel, snackbar, popover, dialog, bottom sheet */
.ns4-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--ns4-border);border-radius:12px;background:var(--ns4-surface-2);overflow:auto}.ns4-tabs button,.ns4-tabs a{min-height:34px;padding:7px 11px;border:0;border-radius:9px;background:transparent;color:var(--ns4-muted);font-size:.64rem;font-weight:800;white-space:nowrap}.ns4-tabs .active{background:var(--ns4-surface);color:var(--ns4-brand);box-shadow:var(--ns4-shadow-xs)}
.ns4-carousel{position:relative;overflow:hidden}.ns4-carousel-track{display:flex;transition:transform .4s ease}.ns4-carousel-slide{min-width:100%}.ns4-carousel-dots{display:flex;gap:5px;margin-top:10px}.ns4-carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--ns4-border)}.ns4-carousel-dots button.active{width:20px;border-radius:10px;background:var(--ns4-brand-2)}
.ns4-snackbar-stack{position:fixed;right:18px;bottom:18px;z-index:1200;display:grid;gap:8px;width:min(390px,calc(100vw - 28px))}.ns4-snackbar{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border-radius:12px;background:#07172b;color:#fff;box-shadow:var(--ns4-shadow-lg);animation:ns4Snack .25s ease}.ns4-snackbar.success{background:#096b49}.ns4-snackbar.danger{background:#9e263c}.ns4-snackbar button{margin-left:auto;border:0;background:transparent;color:inherit}@keyframes ns4Snack{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ns4-popover{position:absolute;right:0;top:calc(100% + 9px);z-index:1100;width:min(390px,calc(100vw - 30px));max-height:430px;overflow:auto;border:1px solid var(--ns4-border);border-radius:14px;background:var(--ns4-surface);box-shadow:var(--ns4-shadow-lg);display:none}.ns4-popover.open{display:block}.ns4-popover-head{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-bottom:1px solid var(--ns4-border)}.ns4-notice{width:100%;display:block;padding:11px 13px;border:0;border-bottom:1px solid var(--ns4-border);background:transparent;color:var(--ns4-text);text-align:left}.ns4-notice:hover{background:var(--ns4-surface-2)}.ns4-notice strong,.ns4-notice span,.ns4-notice small{display:block}.ns4-notice span{margin-top:3px;color:var(--ns4-muted);font-size:.64rem}.ns4-notice small{margin-top:4px;color:var(--ns4-muted);font-size:.55rem}
.ns4-dialog{position:fixed;inset:0;z-index:1180;display:none;place-items:start center;padding:9vh 16px;background:rgba(3,13,27,.5);backdrop-filter:blur(5px)}.ns4-dialog.open{display:grid}.ns4-dialog-box{width:min(680px,100%);max-height:78vh;overflow:hidden;border:1px solid var(--ns4-border);border-radius:18px;background:var(--ns4-surface);box-shadow:var(--ns4-shadow-lg)}.ns4-dialog-input{display:flex;align-items:center;gap:9px;padding:11px;border-bottom:1px solid var(--ns4-border)}.ns4-dialog-input input{flex:1;border:0;outline:0;background:transparent;color:var(--ns4-text)}.ns4-dialog-list{max-height:60vh;overflow:auto;padding:8px}.ns4-dialog-list a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:10px;color:var(--ns4-text)}.ns4-dialog-list a:hover{background:var(--ns4-surface-2)}.ns4-dialog-list a>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--ns4-surface-2);color:var(--ns4-brand-2)}.ns4-dialog-list strong,.ns4-dialog-list small{display:block}.ns4-dialog-list strong{font-size:.7rem}.ns4-dialog-list small{color:var(--ns4-muted);font-size:.57rem}
.ns4-bottom-sheet{position:fixed;inset:auto 0 0;z-index:1170;display:none;padding:10px 14px max(14px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:var(--ns4-surface);box-shadow:0 -20px 55px rgba(3,13,27,.22);transform:translateY(105%);transition:transform .25s ease}.ns4-bottom-sheet.open{display:block;transform:none}.ns4-sheet-handle{width:42px;height:4px;margin:0 auto 12px;border-radius:5px;background:var(--ns4-border)}.ns4-sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ns4-sheet-grid a{display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 7px;border:1px solid var(--ns4-border);border-radius:13px;background:var(--ns4-surface-2);color:var(--ns4-text);font-size:.6rem;font-weight:760}.ns4-sheet-grid i{font-size:1.05rem;color:var(--ns4-brand-2)}

/* Auth: compact old-brand workspace, no oversized hero */
.ns4-auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 10% 8%,rgba(13,110,253,.1),transparent 28%),linear-gradient(135deg,#eef4fb,#f9fbfd)}.ns4-auth-shell{width:min(960px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);border:1px solid var(--ns4-border);border-radius:24px;background:var(--ns4-surface);box-shadow:var(--ns4-shadow-lg);overflow:hidden}.ns4-auth-main{padding:34px}.ns4-auth-side{position:relative;padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,#061426,#073b7a 65%,#0d6efd);color:#fff;overflow:hidden}.ns4-auth-side::before,.ns4-auth-side::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.ns4-auth-side::before{width:220px;height:220px;right:-80px;top:-70px}.ns4-auth-side::after{width:140px;height:140px;left:-60px;bottom:-45px}.ns4-auth-side>*{position:relative;z-index:1}.ns4-auth-brand{display:flex;align-items:center;gap:10px;color:var(--ns4-text)}.ns4-auth-brand img{width:40px;height:40px;border-radius:12px}.ns4-auth-brand strong,.ns4-auth-brand small{display:block}.ns4-auth-brand strong{font-size:.82rem}.ns4-auth-brand small{color:var(--ns4-muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.ns4-auth-content{max-width:450px;margin:28px auto 0}.ns-auth-back,.ns4-auth-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;color:var(--ns4-muted);font-size:.64rem;font-weight:760}.ns-auth-heading h2{margin:10px 0 3px;font-size:1.45rem;letter-spacing:-.035em}.ns-auth-heading p{margin:0 0 20px;color:var(--ns4-muted);font-size:.7rem}.ns-auth-icon{width:48px!important;height:48px!important;border-radius:13px!important;object-fit:cover!important}.ns-auth-form{display:grid;gap:14px}.ns-field{display:grid;gap:6px}.ns-field label{font-size:.63rem;font-weight:800}.ns-input-wrap{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 11px;border:1px solid var(--ns4-border);border-radius:11px;background:var(--ns4-surface-2);box-shadow:inset 2px 2px 4px rgba(16,38,70,.05),inset -2px -2px 4px rgba(255,255,255,.8)}.ns-input-wrap>i{color:var(--ns4-muted)}.ns-input-wrap input,.ns-input-wrap textarea{width:100%;border:0;outline:0;background:transparent;color:var(--ns4-text)}.ns-password-toggle{border:0;background:transparent;color:var(--ns4-muted)}.ns-auth-submit{min-height:45px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--ns4-brand),var(--ns4-brand-2));color:#fff;font-weight:850;box-shadow:0 9px 22px rgba(7,59,122,.2)}.ns-auth-meta,.ns-auth-foot{color:var(--ns4-muted);font-size:.62rem}.ns-auth-meta{display:flex;justify-content:space-between;gap:10px}.ns-auth-foot{margin-top:16px;text-align:center}.ns-auth-feature-grid{display:grid;gap:9px;margin-top:22px}.ns-auth-feature{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.07);font-size:.65rem}.ns4-auth-side h2{margin:20px 0 6px;font-size:1.5rem}.ns4-auth-side p{color:rgba(255,255,255,.72);font-size:.7rem}.ns4-auth-side .ns-day-pill{display:none!important}

/* Document skeuomorphism */
.ns-invoice,.ns-letter,.invoice-paper,.letter-paper{background:#fff!important;color:#172033!important;border:1px solid #d8dee8!important;border-radius:4px!important;box-shadow:0 2px 2px rgba(0,0,0,.04),0 18px 50px rgba(25,38,60,.14)!important;position:relative}.ns-invoice::before,.ns-letter::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,var(--ns4-brand),var(--ns4-brand-2),var(--ns4-accent))}

/* Mobile bottom navigation */
.ns4-bottom-nav{display:none}.ns4-fab{display:none}

@media(max-width:1200px){.projects-grid,.member-project-grid,.ns-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ns12-notification-page{grid-template-columns:1fr}.ns12-notification-page>.panel{position:static}.ns4-span-2,.ns4-span-3{grid-column:span 4}.ns4-span-4{grid-column:span 6}.ns4-span-5,.ns4-span-7{grid-column:span 6}.ns4-span-8,.ns4-span-9{grid-column:1/-1}}
@media(max-width:992px){.ns4-app{grid-template-columns:1fr}.ns4-drawer{transform:translateX(-105%);width:min(310px,88vw)}body.ns4-drawer-open .ns4-drawer{transform:none}body.ns4-drawer-open .ns4-overlay{display:block}.ns4-main{grid-column:1}.ns4-menu{display:inline-flex}.ns4-rail-toggle{display:none}.ns4-content{padding:18px 16px 88px}.ns4-appbar{padding-inline:14px}.ns4-tabbar{padding-inline:14px}.ns4-user-copy,.ns4-signout,.ns4-desktop-only{display:none!important}.ns4-bottom-nav{position:fixed;z-index:1080;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));height:62px;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border:1px solid var(--ns4-border);border-radius:18px;background:color-mix(in srgb,var(--ns4-surface) 94%,transparent);backdrop-filter:blur(20px);box-shadow:0 14px 40px rgba(4,18,38,.2)}.ns4-bottom-nav a,.ns4-bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:12px;background:transparent;color:var(--ns4-muted);font-size:.51rem;font-weight:760}.ns4-bottom-nav i{font-size:.93rem}.ns4-bottom-nav a.active{color:var(--ns4-brand-2);background:color-mix(in srgb,var(--ns4-brand-2) 8%,var(--ns4-surface))}.ns4-fab{position:fixed;right:18px;bottom:84px;z-index:1080;width:50px;height:50px;display:grid;place-items:center;border:0;border-radius:17px;background:linear-gradient(145deg,var(--ns4-brand-2),var(--ns4-brand));color:#fff;box-shadow:inset 3px 3px 7px rgba(255,255,255,.2),inset -4px -4px 9px rgba(1,29,74,.2),0 13px 30px rgba(7,59,122,.3)}.ns4-auth-shell{grid-template-columns:1fr}.ns4-auth-side{display:none}.ns4-auth-page{padding:14px}.ns4-auth-main{padding:26px 21px}}
@media(max-width:767.98px){.ns4-bento{grid-template-columns:1fr}.ns4-bento>*{grid-column:1!important}.ns4-welcome{grid-template-columns:1fr;padding:18px}.ns4-mini-board{grid-template-columns:1fr 1fr}.projects-grid,.member-project-grid,.ns-card-grid{grid-template-columns:1fr}.project-card{min-height:0}.project-card-top{grid-template-columns:auto minmax(0,1fr)}.project-card-top>.status-badge,.project-card-top>.ns-status{grid-column:2;justify-self:start}.project-meta,.member-project-meta{grid-template-columns:1fr}.ns-page-head,.ns11-page-head,.ns12-page-head,.project-command-head,.member-hero,.ns-project-hero,.ns-remote-hero{display:block}.ns-page-head>i,.ns11-page-head>i,.ns12-page-head>i{margin-top:10px}.table-responsive{overflow:visible}.table-responsive table,.table-responsive thead,.table-responsive tbody,.table-responsive tr,.table-responsive td{display:block;width:100%}.table-responsive thead{display:none}.table-responsive tr{margin:0 0 11px;padding:11px;border:1px solid var(--ns4-border);border-radius:13px;background:var(--ns4-surface);box-shadow:var(--ns4-shadow-xs)}.table-responsive td{display:grid;grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);gap:10px;padding:8px 4px!important;border-bottom:1px dashed var(--ns4-border)!important;text-align:left!important}.table-responsive td:last-child{border-bottom:0!important}.table-responsive td::before{content:attr(data-label);color:var(--ns4-muted);font-size:.56rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.ns4-popover{position:fixed;left:12px;right:12px;top:76px;width:auto}.ns4-appbar-title p,.ns4-command-label{display:none}.ns4-tabbar{top:var(--ns4-topbar)}}
@media(max-width:460px){.ns4-appbar{gap:8px}.ns4-actions{gap:5px}.ns4-icon-btn{min-width:36px;height:36px;padding:0 8px}.ns4-mini-board{grid-template-columns:1fr}.ns4-content{padding-inline:12px}.panel-body{padding:14px}.panel-head{padding:13px 14px}.ns4-sheet-grid{grid-template-columns:repeat(2,1fr)}}
@media print{.ns4-drawer,.ns4-appbar,.ns4-tabbar,.ns4-bottom-nav,.ns4-fab,.ns4-snackbar-stack,.ns4-dialog,.ns4-bottom-sheet{display:none!important}.ns4-app,.ns4-main{display:block!important}.ns4-content{padding:0!important}.panel,.ns-invoice,.ns-letter{box-shadow:none!important}}
.ns4-auth-side h1{margin:18px 0 6px;font-size:1.5rem;line-height:1.12;letter-spacing:-.035em}.ns4-auth-side h1 em{color:#72e6f4;font-style:normal}.ns-alert{display:flex;gap:9px;align-items:flex-start;margin-bottom:14px;padding:10px 12px;border:1px solid var(--ns4-border);border-radius:11px;background:var(--ns4-surface-2);font-size:.66rem}.ns-alert.danger{color:#9e263c;background:#fff0f3;border-color:#f5c5cf}.ns-alert.success{color:#08734d;background:#eaf9f1;border-color:#bfe9d3}.ns-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ns-terms{display:flex;align-items:flex-start;gap:9px;color:var(--ns4-muted);font-size:.62rem}.ns-terms input{margin-top:2px}@media(max-width:640px){.ns-form-grid{grid-template-columns:1fr}}