/* DAV v4.2 — native UI refresh. Loaded after app.css. */
:root{
  --v42-bg:#06090f;--v42-panel:rgba(14,19,29,.74);--v42-panel-solid:#0e131d;
  --v42-line:rgba(255,255,255,.08);--v42-text:#f7f8fb;--v42-soft:#a5afbf;
  --v42-lime:#c7ff4a;--v42-violet:#8c7cff;--v42-cyan:#50dcff;--v42-pink:#ff6bb5;
  --v42-shadow:0 24px 80px rgba(0,0,0,.42);--v42-radius:22px;
  --font:"Plus Jakarta Sans","Segoe UI Variable","Segoe UI",system-ui,sans-serif;
  --canvas:var(--v42-bg);--canvas-2:#0a0e16;--surface:#0e131d;--surface-2:#131a26;--surface-3:#182231;
  --glass:rgba(14,19,29,.72);--glass-strong:rgba(8,12,19,.94);--text:var(--v42-text);--text-soft:var(--v42-soft);
  --border:var(--v42-line);--border-strong:rgba(199,255,74,.26);--cyan:var(--v42-cyan);--blue:var(--v42-violet);
  --orange:var(--v42-pink);--green:var(--v42-lime);--radius:18px;--radius-xl:28px;
}
html[data-theme="light"]{
  --v42-bg:#f2f4f8;--v42-panel:rgba(255,255,255,.82);--v42-panel-solid:#fff;--v42-line:rgba(15,23,42,.09);
  --v42-text:#10141c;--v42-soft:#667085;--v42-shadow:0 22px 65px rgba(30,41,59,.13);
  --canvas:#f2f4f8;--canvas-2:#e9edf4;--surface:#fff;--surface-2:#f8f9fc;--surface-3:#eef1f6;
  --glass:rgba(255,255,255,.78);--glass-strong:rgba(255,255,255,.96);--text:var(--v42-text);--text-soft:var(--v42-soft);
  --border:var(--v42-line);--border-strong:rgba(96,80,220,.22);--cyan:#0798b7;--blue:#6657e8;--orange:#dc3f8a;--green:#5f8300;
}
body{font-size:14px;background:var(--v42-bg);letter-spacing:-.005em}
body:before{background:radial-gradient(circle at 12% 10%,rgba(140,124,255,.18),transparent 24%),radial-gradient(circle at 92% 12%,rgba(80,220,255,.13),transparent 26%),radial-gradient(circle at 72% 86%,rgba(255,107,181,.08),transparent 30%),linear-gradient(145deg,var(--canvas),var(--canvas-2))}
body:after{opacity:.16;background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
::selection{background:var(--v42-lime);color:#111}
.ambient-orb{position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none}.ambient-orb.one{width:320px;height:320px;background:var(--v42-violet);top:-140px;left:22%}.ambient-orb.two{width:260px;height:260px;background:var(--v42-cyan);right:-100px;top:35%}
.app-shell{grid-template-columns:264px minmax(0,1fr);gap:0}
.sidebar{margin:12px 0 12px 12px;height:calc(100vh - 24px);border:1px solid var(--v42-line);border-radius:26px;background:linear-gradient(180deg,rgba(18,24,36,.93),rgba(8,12,19,.94));box-shadow:var(--v42-shadow);overflow:hidden}
html[data-theme="light"] .sidebar{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(244,246,250,.96))}
.sidebar-grid{opacity:.13;background-size:28px 28px}
.brand{height:76px;padding:14px 18px;border-bottom:0}.brand-mark{width:42px;height:42px;padding:9px;border-radius:15px;background:linear-gradient(145deg,var(--v42-lime),#7fffdb);box-shadow:0 0 28px rgba(199,255,74,.22)}
.brand-copy strong{font-size:20px;letter-spacing:-.06em}.brand-copy span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft)}
.identity-card{margin:4px 12px 8px;padding:13px 14px;border-radius:17px;background:rgba(255,255,255,.045);border:1px solid var(--v42-line)}
.identity-card span{color:var(--v42-lime)}.identity-card strong{font-size:12px}.identity-card em{font-size:10px}
.sidebar-project-mini{margin:0 12px 10px;border-radius:17px;background:linear-gradient(135deg,rgba(140,124,255,.16),rgba(80,220,255,.06));border:1px solid rgba(140,124,255,.2)}
.nav-scroll{padding:2px 10px 10px}.nav-group{margin:0 0 14px}.nav-title{padding:8px 10px 5px;font-size:8px;letter-spacing:.18em;color:var(--muted)}
.nav-list{gap:3px}.nav-link{min-height:40px;border-radius:12px;padding:9px 10px;color:var(--text-soft);font-size:11px;border:1px solid transparent}.nav-link svg{width:18px;height:18px}.nav-link:hover{color:var(--text);background:rgba(255,255,255,.055);transform:translateX(2px)}
.nav-link.active{color:#101510;background:linear-gradient(135deg,var(--v42-lime),#7fffd6);box-shadow:0 10px 28px rgba(199,255,74,.14);font-weight:800}.nav-link.active svg{color:#101510}.nav-link em{background:rgba(255,255,255,.12);color:inherit}
.sidebar-footer{padding:10px 12px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.14))}.system-status{border-radius:15px;background:rgba(255,255,255,.035)}
.workspace{min-width:0}.topbar{height:82px;margin:12px 14px 0 18px;padding:0 18px;border:1px solid var(--v42-line);border-radius:22px;background:var(--glass);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 16px 55px rgba(0,0,0,.18);position:sticky;top:12px}
.top-title .eyebrow{color:var(--v42-lime)}.top-title h1{font-size:18px;letter-spacing:-.045em}.topbar-actions{gap:8px}.command-trigger{height:42px;border-radius:14px;background:rgba(255,255,255,.045);border-color:var(--v42-line)}.command-trigger:hover{border-color:rgba(199,255,74,.32);background:rgba(199,255,74,.05)}
.icon-button,.user-button,.project-switcher{border-radius:14px;background:rgba(255,255,255,.045);border:1px solid var(--v42-line)}.icon-button:hover{background:rgba(199,255,74,.12);color:var(--v42-lime);border-color:rgba(199,255,74,.2)}
.user-button{padding:5px 9px 5px 5px}.user-avatar{background:linear-gradient(135deg,var(--v42-violet),var(--v42-cyan));color:#fff}.user-button strong{font-size:10px}.user-button small{font-size:8px}
.page-content{padding:22px 14px 36px 18px;max-width:1800px;margin:auto;width:100%}
.page-content>section,.page-content>.grid,.page-content>.config-grid,.page-content>.control-board{animation:v42Enter .45s both cubic-bezier(.2,.8,.2,1)}
@keyframes v42Enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.card,.control-widget,.schedule-toolbar,.config-hero,.page-header,.hero-command{border:1px solid var(--v42-line);border-radius:var(--v42-radius);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 14px 46px rgba(0,0,0,.16);backdrop-filter:blur(18px)}
html[data-theme="light"] .card,html[data-theme="light"] .control-widget,html[data-theme="light"] .schedule-toolbar,html[data-theme="light"] .config-hero,html[data-theme="light"] .page-header,html[data-theme="light"] .hero-command{background:rgba(255,255,255,.8)}
.card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:hover{border-color:rgba(140,124,255,.22)}
.card-body{padding:20px}.card-header{align-items:flex-start}.card-title{font-size:15px;letter-spacing:-.035em}.card-subtitle{font-size:10px;line-height:1.55}.eyebrow{font-size:9px;color:var(--v42-lime);letter-spacing:.16em}
.button{min-height:39px;padding:0 15px;border-radius:13px;font-weight:750;letter-spacing:-.015em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.98)}
.button-primary{color:#101510;background:linear-gradient(135deg,var(--v42-lime),#7fffd8);border:0;box-shadow:0 10px 28px rgba(199,255,74,.16)}.button-primary:hover{box-shadow:0 14px 32px rgba(199,255,74,.23)}
.button-secondary{background:rgba(140,124,255,.11);border-color:rgba(140,124,255,.25);color:#c9c1ff}.button-neutral{background:rgba(255,255,255,.045);border-color:var(--v42-line)}
html[data-theme="light"] .button-secondary{color:#5546c8}.button-danger{background:rgba(255,107,181,.1);border-color:rgba(255,107,181,.24);color:#ff9bcc}
.badge{border-radius:999px;padding:6px 9px;font-size:8px;letter-spacing:.05em}.badge-brand{background:rgba(199,255,74,.12);color:var(--v42-lime);border-color:rgba(199,255,74,.2)}
.page-header{padding:21px 22px;margin-bottom:16px;background:linear-gradient(135deg,rgba(140,124,255,.11),rgba(80,220,255,.035))}.page-heading h2{font-size:clamp(24px,3vw,38px);letter-spacing:-.065em;line-height:1.03;max-width:850px}.page-heading p{max-width:780px;line-height:1.6}
.summary-strip{gap:1px;padding:1px;border:1px solid var(--v42-line);border-radius:18px;background:var(--v42-line);overflow:hidden}.summary-item{background:var(--v42-panel-solid);padding:15px 16px}.summary-item strong{font-size:15px;letter-spacing:-.035em}.summary-item span{font-size:8px;letter-spacing:.1em}
.metric-card,.metric{min-height:126px;padding:18px;position:relative;overflow:hidden}.metric-card:before,.metric:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-80px;top:-80px;background:radial-gradient(circle,rgba(140,124,255,.25),transparent 70%)}
.metric-value{font-size:clamp(23px,2vw,34px);letter-spacing:-.07em}.metric-label{font-size:8px;letter-spacing:.13em}.metric-meta{font-size:9px}.metric-icon{border-radius:13px;background:rgba(199,255,74,.1);border-color:rgba(199,255,74,.2);color:var(--v42-lime)}
.grid{gap:14px}.grid-main{grid-template-columns:minmax(0,1.65fr) minmax(290px,.65fr)}.stack{gap:14px}.control-board{gap:14px}
.table-shell{border:1px solid var(--v42-line);border-radius:18px;background:rgba(3,7,12,.18);box-shadow:inset 0 1px rgba(255,255,255,.02)}
.data-table{font-size:10px}.data-table th{height:43px;background:rgba(255,255,255,.045);font-size:8px;letter-spacing:.1em;color:var(--text-soft);position:sticky;top:0;z-index:2}.data-table td{height:47px;border-color:var(--v42-line)}.data-table tbody tr:hover{background:rgba(140,124,255,.055)}
.cell-input,.input,.select,textarea,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="url"]{border-radius:12px;background:rgba(255,255,255,.045);border:1px solid var(--v42-line);color:var(--text);min-height:42px;outline:0}.cell-input{min-height:34px;border-radius:8px}.cell-input:focus,.input:focus,.select:focus,textarea:focus,input:focus{border-color:rgba(199,255,74,.42);box-shadow:0 0 0 3px rgba(199,255,74,.08)}
.form-grid{gap:15px}.field{padding:14px;border:1px solid var(--v42-line);border-radius:16px;background:rgba(255,255,255,.018)}.field:focus-within{border-color:rgba(140,124,255,.26);background:rgba(140,124,255,.035)}.field label,.field-label,.field>label{font-size:9px;letter-spacing:.06em}.form-help{line-height:1.5}
.config-grid{grid-template-columns:220px minmax(0,1fr);gap:14px}.config-nav{position:sticky;top:108px;align-self:start;padding:10px}.config-nav a{border-radius:11px;padding:10px 11px}.config-nav a:hover{background:rgba(199,255,74,.08);color:var(--v42-lime)}.config-hero{padding:24px;background:linear-gradient(135deg,rgba(199,255,74,.09),rgba(140,124,255,.08),rgba(80,220,255,.04))}.config-hero h2{font-size:30px;letter-spacing:-.055em}
.autocomplete-results,.notification-panel,.user-menu-popover,.command-dialog{border:1px solid var(--v42-line);border-radius:18px;background:rgba(9,13,20,.96);box-shadow:var(--v42-shadow);backdrop-filter:blur(24px)}
html[data-theme="light"] .autocomplete-results,html[data-theme="light"] .notification-panel,html[data-theme="light"] .user-menu-popover,html[data-theme="light"] .command-dialog{background:rgba(255,255,255,.96)}
.command-dialog{max-width:640px}.command-search{min-height:64px}.command-results a{border-radius:12px;margin:2px 6px}.command-results a:hover,.command-results a.command-active{background:linear-gradient(135deg,rgba(199,255,74,.14),rgba(140,124,255,.1))}
.schedule-workspace,.schedule-control-grid{border-radius:20px}.schedule-timeline-panel{border-radius:16px;background:rgba(0,0,0,.12)}.gantt-bar{border-radius:6px}.legend-chip{border-radius:999px;background:rgba(255,255,255,.045)}
.portfolio-command-row{border-radius:15px;margin:4px 0;border:1px solid transparent}.portfolio-command-row:hover{border-color:rgba(140,124,255,.18);background:rgba(140,124,255,.05);transform:translateX(3px)}.portfolio-code{color:var(--v42-lime)}.health-score{border-radius:12px;background:rgba(199,255,74,.1);color:var(--v42-lime)}
.activity-timeline i,.signal-item i{background:var(--v42-lime);box-shadow:0 0 16px rgba(199,255,74,.4)}.quick-command-grid a{border-radius:13px;background:rgba(255,255,255,.035)}.quick-command-grid a:hover{background:rgba(199,255,74,.09);border-color:rgba(199,255,74,.18);color:var(--v42-lime)}
/* v4.2 dashboard */
.v42-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:14px;margin-bottom:14px}.v42-hero-main{min-height:320px;padding:32px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(140,124,255,.18),rgba(80,220,255,.05) 54%,rgba(199,255,74,.05))}.v42-hero-main:before{content:"DAV";position:absolute;right:-18px;bottom:-58px;font-size:180px;font-weight:900;letter-spacing:-.1em;color:rgba(255,255,255,.035)}.v42-hero-main h2{max-width:850px;font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-.075em;margin:18px 0}.v42-hero-main h2 span{color:var(--v42-lime)}.v42-hero-main p{max-width:700px;font-size:13px;line-height:1.7;color:var(--text-soft)}.v42-live-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(199,255,74,.1);border:1px solid rgba(199,255,74,.16);font-size:9px;font-weight:800;color:var(--v42-lime);text-transform:uppercase;letter-spacing:.1em}.v42-live-pill i{width:7px;height:7px;border-radius:50%;background:var(--v42-lime);box-shadow:0 0 12px var(--v42-lime)}
.v42-progress-card{padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,rgba(199,255,74,.12),rgba(14,19,29,.6) 50%)}.v42-ring{--value:0;align-self:center;width:168px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--v42-lime) calc(var(--value)*1%),rgba(255,255,255,.06) 0);position:relative}.v42-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--v42-panel-solid);box-shadow:inset 0 0 0 1px var(--v42-line)}.v42-ring>div{position:relative;text-align:center}.v42-ring strong{display:block;font-size:38px;letter-spacing:-.08em}.v42-ring span{font-size:9px;color:var(--text-soft)}.v42-progress-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v42-progress-meta div{padding:11px;border-radius:13px;background:rgba(255,255,255,.04)}.v42-progress-meta span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase}.v42-progress-meta strong{font-size:13px}
.v42-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-bottom:14px}.v42-stat{grid-column:span 3;min-height:145px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.v42-stat:nth-child(2){background:linear-gradient(145deg,rgba(140,124,255,.13),rgba(255,255,255,.02))}.v42-stat:nth-child(3){background:linear-gradient(145deg,rgba(80,220,255,.1),rgba(255,255,255,.02))}.v42-stat:nth-child(4){background:linear-gradient(145deg,rgba(255,107,181,.09),rgba(255,255,255,.02))}.v42-stat span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-soft)}.v42-stat strong{font-size:clamp(27px,3vw,44px);letter-spacing:-.075em}.v42-stat small{color:var(--muted);font-size:9px}.v42-stat b{position:absolute;right:14px;top:14px;font-size:9px;color:var(--v42-lime)}
.v42-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:14px}.v42-projects{padding:20px}.v42-project-row{display:grid;grid-template-columns:88px minmax(160px,1fr) minmax(170px,.75fr) 58px;gap:14px;align-items:center;padding:14px 8px;border-top:1px solid var(--v42-line);transition:.2s}.v42-project-row:hover{padding-left:14px;background:rgba(140,124,255,.045)}.v42-project-row:first-of-type{border-top:0}.v42-project-code{font:800 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--v42-lime)}.v42-project-name strong{display:block;font-size:12px}.v42-project-name small{font-size:9px;color:var(--muted)}.v42-progress-line{height:7px;border-radius:999px;background:rgba(255,255,255,.06);position:relative}.v42-progress-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--v42-violet),var(--v42-cyan))}.v42-progress-line b{position:absolute;top:-3px;width:2px;height:13px;background:var(--v42-lime)}.v42-score{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(199,255,74,.08);color:var(--v42-lime);font-weight:900}.v42-side{display:grid;gap:14px}.v42-signal{padding:18px}.v42-signal-list a{display:grid;grid-template-columns:8px 1fr auto;gap:10px;padding:11px 0;border-top:1px solid var(--v42-line)}.v42-signal-list i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:var(--v42-pink);box-shadow:0 0 12px rgba(255,107,181,.4)}.v42-signal-list strong{font-size:10px}.v42-signal-list small{display:block;font-size:8px;color:var(--muted)}.v42-signal-list b{font-size:9px;color:var(--v42-pink)}
.v42-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v42-actions a{padding:13px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--v42-line);font-size:10px;font-weight:750}.v42-actions a:hover{background:rgba(199,255,74,.08);border-color:rgba(199,255,74,.2);color:var(--v42-lime);transform:translateY(-2px)}
.v42-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
/* public portfolio */
.public-body{background:#070a10}.public-shell{max-width:1480px;padding:0 24px}.public-nav{top:14px;margin-top:14px;border:1px solid var(--v42-line);border-radius:20px;background:rgba(10,14,22,.78);backdrop-filter:blur(20px);padding:10px 13px}.public-brand img{border-radius:13px;background:var(--v42-lime);padding:8px}.public-hero-premium{min-height:650px;padding:72px 38px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:40px;position:relative;overflow:hidden}.public-hero-premium:before{content:"ENGINEERING";position:absolute;left:-20px;bottom:-44px;font-size:clamp(70px,14vw,220px);font-weight:900;letter-spacing:-.09em;color:rgba(255,255,255,.028)}.public-hero-premium h1{font-size:clamp(52px,8vw,112px);line-height:.88;letter-spacing:-.085em;margin:15px 0 8px}.public-hero-premium h2{font-size:clamp(18px,3vw,32px);color:var(--v42-lime)}.portfolio-profile{border-radius:28px;background:linear-gradient(145deg,rgba(140,124,255,.17),rgba(80,220,255,.06));border:1px solid var(--v42-line);box-shadow:var(--v42-shadow)}.portfolio-avatar{border-radius:22px;filter:saturate(.9)}.portfolio-capabilities span{border-radius:999px;background:rgba(255,255,255,.045);border-color:var(--v42-line)}.portfolio-project-grid{grid-template-columns:repeat(12,1fr);gap:14px}.portfolio-project-card{grid-column:span 6;border-radius:24px;border:1px solid var(--v42-line);background:rgba(255,255,255,.035);overflow:hidden}.portfolio-project-card:nth-child(3n){grid-column:span 12}.portfolio-cover{aspect-ratio:16/8;object-fit:cover;filter:saturate(.9)}.portfolio-card-body{padding:24px}.portfolio-card-body h3{font-size:25px;letter-spacing:-.055em}.portfolio-card-body>a{color:var(--v42-lime)}
/* login */
.login-body{background:#070a10}.login-layout{padding:14px;gap:14px}.login-visual,.login-panel{border-radius:28px;border:1px solid var(--v42-line);overflow:hidden}.login-visual{background:radial-gradient(circle at 18% 16%,rgba(140,124,255,.32),transparent 26%),radial-gradient(circle at 78% 70%,rgba(80,220,255,.15),transparent 32%),#0a0e16}.login-visual-copy h1{font-size:clamp(48px,6vw,84px);letter-spacing:-.08em;line-height:.9}.login-visual-copy h1 span{color:var(--v42-lime)}.login-card{border-radius:24px;background:rgba(255,255,255,.035);border:1px solid var(--v42-line);box-shadow:var(--v42-shadow)}
/* focus, density, responsive */
.app-shell.focus-mode .sidebar,.app-shell.focus-mode .topbar{display:none}.app-shell.focus-mode{grid-template-columns:1fr}.app-shell.focus-mode .page-content{padding:12px;max-width:none}.app-shell.focus-mode:after{content:"ESC / F  Keluar Focus";position:fixed;right:16px;bottom:16px;z-index:40;padding:8px 12px;border-radius:999px;background:#111923;color:var(--v42-lime);border:1px solid rgba(199,255,74,.25);font:800 9px var(--font);box-shadow:var(--v42-shadow)}
html[data-density="compact"] .data-table td{height:38px;padding-top:5px;padding-bottom:5px}html[data-density="compact"] .card-body{padding:15px}html[data-density="compact"] .field{padding:10px}
html[data-density="spreadsheet"] .data-table td{height:33px;padding:3px 7px}html[data-density="spreadsheet"] .data-table th{height:34px}html[data-density="spreadsheet"] .cell-input{min-height:28px;padding:3px 5px}html[data-density="spreadsheet"] .sidebar{width:auto}
@media(max-width:1180px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.topbar{margin-left:12px}.page-content{padding-left:12px}.project-switcher{display:none}.v42-stat{grid-column:span 6}.v42-main-grid{grid-template-columns:1fr}.grid-main{grid-template-columns:1fr}.config-grid{grid-template-columns:1fr}.config-nav{position:relative;top:auto;display:flex;overflow:auto}.config-nav a{white-space:nowrap}}
@media(max-width:820px){.sidebar{margin:0;border-radius:0;height:100vh}.topbar{top:8px;margin:8px 8px 0;height:66px}.page-content{padding:14px 8px 30px}.top-title .eyebrow,.command-trigger,.user-button>span{display:none}.v42-hero{grid-template-columns:1fr}.v42-hero-main{min-height:290px;padding:24px}.v42-hero-main h2{font-size:43px}.v42-progress-card{min-height:270px}.v42-stat{grid-column:span 6}.v42-main-grid,.v42-bottom{grid-template-columns:1fr}.v42-project-row{grid-template-columns:70px 1fr 48px}.v42-project-row>.v42-progress-wrap{grid-column:1/-1}.public-shell{padding:0 10px}.public-nav .toolbar>a:not(.button){display:none}.public-hero-premium{grid-template-columns:1fr;padding:45px 18px}.portfolio-project-card,.portfolio-project-card:nth-child(3n){grid-column:span 12}.grid-4,.grid-3,.grid-2,.control-board{grid-template-columns:1fr 1fr}.page-heading h2{font-size:29px}}
@media(max-width:560px){.v42-bento{gap:8px}.v42-stat{grid-column:span 12;min-height:116px}.v42-hero-main h2{font-size:36px}.v42-project-row{grid-template-columns:1fr 48px}.v42-project-code{grid-column:1/-1}.grid-4,.grid-3,.grid-2,.control-board{grid-template-columns:1fr}.page-header{padding:17px}.toolbar{gap:7px}.button{min-height:38px;padding:0 12px}.summary-strip{grid-template-columns:1fr 1fr!important}.public-hero-premium h1{font-size:54px}.login-layout{padding:7px}.login-visual{display:none}.login-panel{min-height:calc(100vh - 14px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:820px){
  .app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr!important;width:100%}
  .workspace{width:100%;min-width:0}
  .sidebar{position:fixed;left:-300px;width:282px;z-index:60;transition:left .22s ease}
  .mobile-sidebar-open .sidebar{left:0}
  .topbar{width:calc(100% - 16px)}
  .page-content{width:100%;max-width:none}
}