:root{
  --bg:#f3f6f4;
  --bg-2:#eef3f0;
  --panel:#ffffff;
  --panel-soft:#f8fbf9;
  --panel-tint:#f6faf7;
  --line:#e4ebe7;
  --line-strong:#d6e0da;
  --line-soft:#edf3ef;
  --text:#12231d;
  --text-soft:#33453e;
  --muted:#64776e;
  --muted-2:#83938b;
  --brand:#0c5f44;
  --brand-2:#0a4733;
  --brand-soft:#e8f5ef;
  --accent:#b9ec54;
  --accent-soft:#f4fadf;
  --success:#e9f7ef;
  --warning:#fff5d8;
  --danger:#fee9e7;
  --dark:#13231d;
  --shadow-xs:0 4px 12px rgba(15, 33, 25, .04);
  --shadow-sm:0 12px 30px rgba(15, 33, 25, .05);
  --shadow-md:0 20px 50px rgba(15, 33, 25, .08);
  --shadow-lg:0 28px 70px rgba(10, 28, 18, .12);
  --radius-sm:14px;
  --radius-md:18px;
  --radius-lg:24px;
  --radius-xl:32px;
  --sidebar-width:318px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;background:
 radial-gradient(circle at top left, rgba(185,236,84,.14), transparent 24%),
 radial-gradient(circle at top right, rgba(12,95,68,.06), transparent 22%),
 linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
 color:var(--text);
 font-family:Inter, "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
 font-feature-settings:"cv02","cv03","cv04","cv11";
 -webkit-font-smoothing:antialiased;
 text-rendering:optimizeLegibility;
}
body{line-height:1.55}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
img,video{max-width:100%}
strong{font-weight:700}
h1,h2,h3,h4{margin:0;line-height:1.08;letter-spacing:-.03em}
p{margin:0}
small{color:var(--muted)}
.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}
.sidebar{background:linear-gradient(180deg, #123f32 0%, #0d3127 46%, #0c281f 100%);padding:22px 18px;display:flex;flex-direction:column;gap:18px;color:#eef7f2;position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.08);box-shadow:inset -1px 0 0 rgba(255,255,255,.03)}
.sidebar:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 14% 10%, rgba(185,236,84,.12), transparent 18%),radial-gradient(circle at 78% 0%, rgba(255,255,255,.08), transparent 18%);pointer-events:none}
.sidebar > *{position:relative;z-index:1}
.brand-card{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}
.brand-mark{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,var(--accent),#e5ff8d);display:grid;place-items:center;color:#082015;font-weight:900;letter-spacing:.08em;box-shadow:0 12px 26px rgba(0,0,0,.12)}
.brand-mark.large{width:86px;height:86px;border-radius:28px;font-size:25px;margin-bottom:18px}
.brand-eyebrow,.card-eyebrow,.topbar-breadcrumb,.nav-section-label,.section-kicker,.micro-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.brand-eyebrow,.card-eyebrow,.topbar-breadcrumb,.section-kicker,.micro-label{color:var(--muted)}
.sidebar .brand-eyebrow,.sidebar .nav-section-label{color:#d7eada}
.brand-card strong{display:block;font-size:18px;margin:4px 0 6px;letter-spacing:-.02em}
.brand-card p{color:rgba(255,255,255,.72)}
.sidebar-scroll{display:grid;gap:18px;overflow:auto;padding-right:4px}
.nav-section{display:grid;gap:8px}
.nav-section-label{padding:0 14px 4px;opacity:.88}
.nav-group{display:grid;gap:6px}
.nav-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-radius:16px;color:rgba(255,255,255,.84);transition:.22s;border:1px solid transparent;font-weight:600}
.nav-link:before{content:'';width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.18);transition:.22s;flex:0 0 8px;box-shadow:0 0 0 6px transparent}
.nav-link span{flex:1}
.nav-link:hover,.nav-link.active{background:linear-gradient(180deg, rgba(185,236,84,.12), rgba(255,255,255,.04));border-color:rgba(185,236,84,.18);color:#fff;transform:translateX(2px)}
.nav-link:hover:before,.nav-link.active:before{background:var(--accent);box-shadow:0 0 0 6px rgba(185,236,84,.12)}
.sidebar-user{margin-top:auto;padding:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));border-radius:28px;display:grid;gap:14px;box-shadow:var(--shadow-sm)}
.sidebar-user-head{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center}
.avatar{width:46px;height:46px;border-radius:16px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.sidebar-user p{margin-top:4px;color:rgba(255,255,255,.72)}
.main-shell{padding:28px 30px 42px}
.page-shell{display:grid;gap:22px}
.page-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 28px 26px;border:1px solid rgba(12,95,68,.08);border-radius:32px;background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.7));backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}
.page-hero-left{display:grid;gap:14px;min-width:0}
.topbar-breadcrumb{color:#6b7d75}
.page-title-group{display:grid;gap:8px}
.page-title-group h1{font-size:40px;font-weight:800}
.topbar-subtitle{max-width:880px;color:var(--muted);font-size:15px;line-height:1.72}
.page-meta-row,.topbar-right,.hero-actions,.chip-row,.tag-row,.action-row,.inline-meta,.pill-row,.tab-row,.result-summary,.active-filter-row,.library-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.topbar-right{justify-content:flex-end;max-width:420px}
.content-shell{display:grid;gap:20px}
.soft-badge,.badge,.pill,.tag,.ghost-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700;line-height:1;border:1px solid transparent}
.soft-badge{background:rgba(255,255,255,.82);border-color:var(--line);box-shadow:var(--shadow-xs);color:var(--text-soft)}
.soft-badge.success{background:var(--brand-soft);border-color:#d6ebe0;color:var(--brand-2)}
.soft-badge.dark{background:#172922;color:#fff;border-color:#233b31}
.ghost-badge{background:#f5f8f6;border-color:var(--line);color:var(--muted)}
.badge{background:var(--brand-soft);color:var(--brand-2);border-color:#dcefe4}
.badge.light{background:#f5f8f6;color:var(--muted);border-color:var(--line)}
.badge.accent{background:var(--accent-soft);color:#526a12;border-color:#e7f1ba}
.badge.dark{background:#eef2ef;color:#304139;border-color:#e2e8e4}
.badge.success{background:var(--success);color:#20553c;border-color:#d5ecd9}
.badge.warning{background:var(--warning);color:#755b00;border-color:#f0ddb4}
.flash-stack{display:grid;gap:10px}.flash-stack.compact{margin-top:6px}
.flash{padding:14px 16px;border-radius:18px;font-weight:600;border:1px solid transparent;box-shadow:var(--shadow-xs)}
.flash.success{background:var(--success);color:#1e6542;border-color:#cfe7d8}
.flash.warning{background:var(--warning);color:#7d5f00;border-color:#ecd9a6}
.flash.danger{background:var(--danger);color:#962f2b;border-color:#efc1bd}
.hero-panel,.panel,.login-card,.mini-panel,.material-card,.empty-card,.stat-card,.page-card{background:rgba(255,255,255,.88);border:1px solid rgba(18,35,29,.06);border-radius:30px;box-shadow:var(--shadow-sm)}
.panel{padding:26px 28px;display:grid;gap:18px}
.panel.tight{gap:12px}
.panel-header{display:grid;gap:8px}
.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:2px}
.panel-head h3,.panel h3{font-size:22px;font-weight:760;letter-spacing:-.03em}
.panel-copy{color:var(--muted);max-width:780px;line-height:1.7}
.hero-panel{padding:34px;background:linear-gradient(135deg,#0d5a40 0%, #12372a 56%, #0c2a21 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:22px;align-items:stretch;overflow:hidden;position:relative;border-color:rgba(255,255,255,.08);box-shadow:var(--shadow-lg)}
.hero-panel:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 84% 12%,rgba(185,236,84,.25),transparent 22%),radial-gradient(circle at 10% 0%,rgba(255,255,255,.08),transparent 24%)}
.hero-panel > *{position:relative;z-index:1}
.hero-panel h2{max-width:800px;font-size:38px;font-weight:800;margin:8px 0 12px}
.hero-panel p{max-width:760px;color:rgba(255,255,255,.82);line-height:1.76;font-size:15px}
.hero-copy{display:grid;gap:12px}
.hero-actions{margin-top:8px}
.hero-side{display:grid;gap:12px}
.hero-metric-card{padding:18px 18px 16px;border-radius:24px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.05));backdrop-filter:blur(10px)}
.hero-metric-card strong{display:block;font-size:28px;color:#fff;margin-bottom:6px}
.hero-metric-card span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.64);margin-bottom:8px}
.hero-metric-card p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.74)}
.primary-btn,.secondary-btn,.ghost-btn,.icon-btn,.table-btn{border:none;cursor:pointer;border-radius:16px;padding:12px 18px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}
.primary-btn{background:linear-gradient(135deg,var(--accent),#e6ff8d);color:#12241d;box-shadow:0 14px 28px rgba(185,236,84,.22)}
.secondary-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff}
.ghost-btn,.table-btn{background:#f8fbf9;color:var(--brand);border:1px solid var(--line)}
.ghost-btn.full{width:100%}
.icon-btn{background:var(--panel-tint);border:1px solid var(--line);padding:10px 12px;min-width:42px;color:var(--brand)}
.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.nav-link:hover,.icon-btn:hover,.table-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-xs)}
.section-intro{display:grid;gap:8px;margin-bottom:2px}
.section-intro p{color:var(--muted);line-height:1.7}
.stats-grid,.cards-grid,.grid{display:grid;gap:20px}
.stats-grid{grid-template-columns:repeat(4,1fr)}
.stat-card{padding:22px 22px 20px;position:relative;overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,251,248,.95))}
.stat-card:before{content:'';position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(12,95,68,.05)}
.stat-card span{display:block;color:var(--muted);margin-bottom:16px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.stat-card strong{display:block;font-size:38px;line-height:1;font-weight:800;letter-spacing:-.04em}
.stat-card small{display:block;margin-top:14px;color:var(--muted);line-height:1.55}
.stat-card.accent{background:linear-gradient(180deg,#f5fbdf,#ffffff)}
.stat-card.success{background:linear-gradient(180deg,#edf9f2,#ffffff)}
.stat-card.dark{background:linear-gradient(180deg,#182a23,#20372f);color:#fff;border-color:#223930;box-shadow:var(--shadow-md)}
.stat-card.dark:before{background:rgba(255,255,255,.06)}
.stat-card.dark span,.stat-card.dark small{color:rgba(255,255,255,.74)}
.grid.two-left{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}
.grid.two-right{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}
.grid.detail-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:start}
.stack-col,.stack-list,.timeline,.material-list,.info-list{display:grid;gap:14px}
.text-link{color:var(--brand);font-weight:700}
.material-row,.stack-item,.timeline-item,.mini-panel,.empty-card,.info-list div,.material-footer,.list-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.material-row,.stack-item,.mini-panel,.empty-card,.list-card{padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg, var(--panel-soft), #ffffff)}
.stack-item.rich,.mini-panel.large-card,.empty-card.large{padding:22px}
.stack-item strong,.mini-panel strong,.material-row strong,.list-card strong{font-size:15px;letter-spacing:-.01em}
.compact-list .material-row p,.stack-item p,.mini-panel p,.empty-card p,.timeline-item p,.list-card p{margin-top:6px;color:var(--muted);line-height:1.65}
.timeline-item{display:grid;grid-template-columns:18px 1fr;align-items:start;padding:12px 2px}
.timeline-dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 7px rgba(185,236,84,.18);margin-top:8px}
.progress-row{display:grid;gap:10px;padding:10px 0}
.progress-label{display:flex;justify-content:space-between;font-size:14px;gap:8px}
.progress-label span{color:var(--muted)}
.progress-track{height:12px;border-radius:999px;background:#edf3ef;overflow:hidden;border:1px solid #e2ebe5}
.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent))}
.filter-panel{padding:24px 26px}
.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto auto;gap:14px;align-items:end}
.search-field{grid-column:span 1}
.checkbox-row{display:flex !important;flex-direction:row;align-items:center;gap:10px;color:var(--muted);font-weight:600}
.checkbox-row input{width:auto}
.form-card{display:grid;gap:16px}
.form-card.two-col{grid-template-columns:1fr 1fr}
.form-card.single-col{grid-template-columns:1fr}
.form-card label,.filter-grid label{display:grid;gap:8px;font-weight:600;color:var(--text-soft)}
.form-card label span,.filter-grid label span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.full{grid-column:1/-1}
input,select,textarea{width:100%;padding:14px 15px;border:1px solid var(--line-strong);border-radius:16px;background:#fff;color:var(--text);outline:none;transition:.18s;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
input::placeholder,textarea::placeholder{color:#94a39c}
input:focus,select:focus,textarea:focus{border-color:#b9ccbf;box-shadow:0 0 0 4px rgba(12,95,68,.08)}
textarea{resize:vertical;min-height:96px}
select[multiple]{min-height:140px;padding-right:8px}
.upload-zone input[type=file]{padding:12px;background:var(--panel-soft)}
.divider-top{padding-top:16px;border-top:1px dashed var(--line)}
.materials-grid{grid-template-columns:repeat(3,1fr)}
.material-card{padding:22px;display:grid;gap:18px;position:relative;overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,252,249,.92))}
.material-card:after{content:'';position:absolute;inset:auto -28px -28px auto;width:120px;height:120px;border-radius:50%;background:rgba(12,95,68,.04)}
.material-card > *{position:relative;z-index:1}
.material-card-head{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start}
.material-card h3{font-size:19px;font-weight:760}
.file-avatar{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;font-weight:900;background:#f0f4f2;color:var(--brand);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.file-avatar.pdf{background:#fcebea;color:#8a2d28}
.file-avatar.image{background:#eef7ff;color:#20497c}
.file-avatar.video{background:#f3edff;color:#4f2f87}
.tag{background:#f6f9f7;color:var(--muted);padding:7px 11px;border-color:var(--line)}
.material-footer{align-items:center;padding-top:4px}
.material-footer small{color:var(--muted);line-height:1.65;max-width:65ch}
.table-shell{overflow:auto;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-xs)}
.table-shell table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}
.table-shell thead th{position:sticky;top:0;background:linear-gradient(180deg,#fbfdfc,#f7faf8);z-index:2}
.table-shell th,.table-shell td{padding:16px 18px;border-bottom:1px solid #eef2ef;text-align:left;vertical-align:top}
.table-shell th{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}
.table-shell tbody tr:hover td{background:#fbfdfc}
.table-shell tbody tr:last-child td{border-bottom:none}
.table-sub{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.6}
.table-user{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start}
.table-avatar{width:40px;height:40px;border-radius:14px;background:#eef4f1;color:var(--brand);display:grid;place-items:center;font-weight:800}
.info-list{gap:0}
.info-list div{padding:15px 0;border-bottom:1px solid var(--line);display:flex}
.info-list div:last-child{border-bottom:none}
.info-list div span{color:var(--muted)}
.info-list div strong{text-align:right;max-width:56%;letter-spacing:-.01em}
.preview-frame{width:100%;min-height:72vh;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-xs)}
.preview-image,.preview-video{width:100%;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow-xs)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,#0b3e31 0%, #0f2d25 58%, #102a22 100%)}
.login-aside{padding:72px 68px;color:#f3fff6;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.08)}
.login-aside:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 10%, rgba(185,236,84,.13), transparent 20%),radial-gradient(circle at 84% 82%, rgba(255,255,255,.08), transparent 20%)}
.login-aside > *{position:relative;z-index:1}
.login-aside h1{font-size:46px;font-weight:820;line-height:1.04;margin:12px 0 18px;max-width:640px}
.login-aside p{font-size:17px;line-height:1.78;max-width:720px;color:rgba(255,255,255,.82)}
.login-feature-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:14px;margin-top:28px;max-width:760px}
.login-feature{padding:16px 18px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));backdrop-filter:blur(10px)}
.login-feature strong{display:block;margin-bottom:8px;font-size:15px;color:#fff}
.login-feature p{font-size:13px;color:rgba(255,255,255,.72);line-height:1.7}
.pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#f3fff6}
.login-main{display:grid;place-items:center;padding:42px;background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.03))}
.login-card{width:min(560px,calc(100% - 24px));padding:38px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}
.login-card h2{margin:10px 0 10px;font-size:34px;font-weight:800}
.muted-lg{color:var(--muted);line-height:1.8;font-size:15px}
.demo-panel{margin-top:6px;padding:18px;border-radius:20px;background:linear-gradient(180deg,var(--panel-soft),#fff);border:1px solid var(--line);display:grid;gap:8px;box-shadow:var(--shadow-xs)}
.demo-panel strong{font-size:15px}
.tab-row{padding:8px;border-radius:22px;background:rgba(255,255,255,.8);border:1px solid var(--line);box-shadow:var(--shadow-xs);width:max-content;max-width:100%;overflow:auto}
.tab-link{padding:12px 16px;border-radius:16px;background:transparent;color:var(--muted);font-weight:700;white-space:nowrap}
.tab-link.active{background:linear-gradient(135deg,var(--accent),#e8ff92);color:#132516;box-shadow:0 10px 20px rgba(185,236,84,.18)}
.empty-state{display:grid;place-items:center;padding:4px 0}
.empty-card{color:var(--muted);justify-content:flex-start}
.empty-card h3{margin:0 0 8px;color:var(--text);font-size:22px}
.mt-16{margin-top:16px}.mt-24{margin-top:24px}.compact-grid{grid-template-columns:repeat(2,1fr)}.clickable{cursor:pointer}.end{justify-content:flex-end}.spaced{margin-top:14px}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.metric-tile{padding:18px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-soft),#fff);box-shadow:var(--shadow-xs)}
.metric-tile span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:800;margin-bottom:12px}
.metric-tile strong{display:block;font-size:30px;letter-spacing:-.04em;margin-bottom:8px}
.metric-tile p{color:var(--muted);font-size:13px;line-height:1.6}
.results-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px}
.filters-note{color:var(--muted);font-size:14px;line-height:1.7}
.admin-grid{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);gap:20px}
.form-section{display:grid;gap:16px}
.form-section-block{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--panel-soft),#fff)}
.form-section-block .card-eyebrow{color:var(--brand)}
.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:4px 0}
.library-hero{display:grid;gap:18px}
.result-count{font-size:14px;color:var(--muted)}
.inline-stat{display:inline-flex;align-items:center;gap:10px;padding:10px 13px;border-radius:18px;background:#f7faf8;border:1px solid var(--line);font-size:13px;color:var(--text-soft)}
.inline-stat strong{font-size:16px;color:var(--text)}
.page-grid-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px}

@media (max-width: 1420px){
  .materials-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 1360px){
  .stats-grid,.metric-strip,.filter-grid{grid-template-columns:1fr 1fr}
  .grid.two-left,.grid.two-right,.grid.detail-layout,.admin-grid,.page-grid-split,.hero-panel{grid-template-columns:1fr}
}
@media (max-width: 1120px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{position:relative;height:auto}
  .login-shell{grid-template-columns:1fr}
  .login-aside{padding:40px}
  .main-shell{padding:22px}
}
@media (max-width: 860px){
  .page-hero{padding:22px}
  .page-title-group h1{font-size:32px}
  .stats-grid,.compact-grid,.materials-grid,.filter-grid,.form-card.two-col,.metric-strip,.login-feature-grid{grid-template-columns:1fr}
  .topbar-right,.page-meta-row{justify-content:flex-start}
  .panel,.filter-panel,.login-card{padding:22px}
  .hero-panel h2,.login-aside h1{font-size:34px}
}

.login-card-pro{border-radius:32px;box-shadow:0 24px 60px rgba(12,35,29,.14)}
.login-form{margin-top:8px}
.login-trust-row{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 2px}
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.caps-hint{color:#8a5a00;font-weight:700}
.password-field{position:relative;display:flex;align-items:center}
.password-field input{padding-right:108px}
.input-action{position:absolute;right:8px;min-height:38px;padding:8px 12px;border-radius:12px;background:#f5f8f6}
.login-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.checkbox-row.compact{font-size:14px}
.login-note{font-size:13px;color:var(--muted)}
button[disabled]{cursor:wait;opacity:.8}
.sidebar-user form{display:block}
@media (max-width: 860px){
  .login-options-row{align-items:flex-start}
  .password-field input{padding-right:92px}
}


.brand-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.sidebar-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#eef7f2}
.sidebar-user-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.sidebar-user-meta span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.62);font-weight:700}
.sidebar-user-meta strong{font-size:13px;color:#fff}
.app-mode-admin .main-shell{background:linear-gradient(180deg,#f4f7f5 0%, #eef3f0 100%)}
.app-mode-admin .sidebar{background:linear-gradient(180deg,#102f26 0%, #0f2922 54%, #0d221d 100%)}
.app-mode-admin .page-hero.admin-hero{border:1px solid #d8e2dc;background:linear-gradient(180deg,#ffffff 0%, #f8fbf9 100%);box-shadow:0 18px 40px rgba(14,31,22,.06)}
.app-mode-admin .page-hero.admin-hero:before{content:'';display:block;position:absolute}
.page-hero{position:relative}
.admin-topbar-right{max-width:560px;align-items:stretch}
.admin-chip{display:grid;gap:6px;min-width:132px;padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#f9fbfa,#ffffff);box-shadow:var(--shadow-xs)}
.admin-chip span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}
.admin-chip strong{font-size:14px;color:var(--text)}
.ghost-badge.admin{background:#f3f6f4;border-color:#dde6e0;color:#4a5d55}
.admin-shortcuts{display:flex;flex-wrap:wrap;gap:10px;padding:16px 18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fbfdfc,#f7faf8);box-shadow:var(--shadow-xs)}
.shortcut-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 15px;border-radius:14px;border:1px solid transparent;background:#fff;color:var(--text-soft);font-weight:700;box-shadow:0 1px 0 rgba(255,255,255,.8)}
.shortcut-link:hover{border-color:#d6e0da;background:#fdfefe;color:var(--brand)}
.shortcut-link.active{background:#13231d;color:#fff;border-color:#13231d;box-shadow:0 14px 24px rgba(19,35,29,.12)}
.executive-strip .metric-tile{background:linear-gradient(180deg,#ffffff 0%, #f8fbf9 100%);border:1px solid #dfe7e2;box-shadow:0 10px 22px rgba(15,33,25,.05)}
.executive-strip .metric-tile strong{font-size:34px}
.compact-metrics{grid-template-columns:repeat(2,1fr)}
.corporate-admin-grid{align-items:start}
.admin-form-panel,.admin-table-panel{border-radius:30px}
.stacked-head{align-items:stretch}
.ops-note{padding:14px 16px;border-radius:20px;border:1px solid #dfe6e1;background:linear-gradient(180deg,#fbfdfc,#f6faf7);max-width:360px;box-shadow:var(--shadow-xs)}
.ops-note strong{display:block;font-size:13px;margin-bottom:6px;color:var(--text)}
.ops-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.ops-note.compact{padding:14px 15px}
.ops-note.align-right{text-align:left}
.corporate-table{border-radius:24px;border-color:#dfe7e2}
.corporate-table thead th{background:linear-gradient(180deg,#f8fbf9,#f4f8f6)}
.corporate-table tbody tr:hover td{background:#f8fbf9}
.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 11px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:800;letter-spacing:.02em}
.status-pill.positive{background:#edf8f0;border-color:#d7ebdc;color:#255a41}
.status-pill.neutral{background:#f3f6f4;border-color:#dde5e0;color:#475952}
.status-pill.warning{background:#fff6df;border-color:#eedfb3;color:#7a5b00}
.item-meta-grid{display:grid;gap:6px;margin-top:12px;color:var(--muted);font-size:13px;line-height:1.6}
.item-meta-grid.compact{gap:4px;margin-top:14px}
.corporate-stack-item{align-items:center}
.split-stack{align-items:center}
.stack-side-info{display:grid;gap:8px;justify-items:end;min-width:140px}
.stack-side-info small{color:var(--muted)}
.audit-timeline{gap:0}
.audit-item{padding:16px 2px}
.audit-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:12px}
.corporate-card{border:1px solid #dfe7e2;background:linear-gradient(180deg,#fbfdfc,#ffffff)}
.profile-card .tag-row{margin-top:6px}
.column-mobile{flex-direction:column;align-items:flex-end}
@media (max-width: 1360px){
  .compact-metrics{grid-template-columns:1fr 1fr}
}
@media (max-width: 1120px){
  .admin-chip{min-width:0}
}
@media (max-width: 860px){
  .compact-metrics,.executive-strip{grid-template-columns:1fr}
  .admin-shortcuts{padding:14px}
  .admin-topbar-right{max-width:none}
  .stack-side-info,.column-mobile{align-items:flex-start;justify-items:start}
}


.type-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.type-shortcut-card{display:grid;gap:16px;padding:18px 18px 20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,var(--panel-soft),#fff);box-shadow:var(--shadow-xs);transition:.18s}
.type-shortcut-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#d6e3dc}
.type-shortcut-card.active{border-color:rgba(12,95,68,.22);background:linear-gradient(180deg,#f8fcfa,#eef6f2);box-shadow:0 16px 34px rgba(15,33,25,.07)}
.type-shortcut-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.type-shortcut-card h4{font-size:18px;font-weight:760;letter-spacing:-.02em;margin-bottom:8px}
.type-shortcut-card p{color:var(--muted);font-size:13px;line-height:1.65}
.type-shortcut-card .file-avatar{width:52px;height:52px;border-radius:18px}
.type-shortcut-card.all .file-avatar{background:#eef4f1;color:var(--brand)}
@media (max-width: 1420px){
  .type-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 1120px){
  .type-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 720px){
  .type-shortcuts{grid-template-columns:1fr}
}

/* QualificaMais brand overrides */
:root{
  --bg:#f4f8f6;
  --bg-2:#eaf2ee;
  --panel:#ffffff;
  --panel-soft:#f7fbf8;
  --panel-tint:#eef7f2;
  --line:#d6e4dd;
  --line-strong:#bdd3c7;
  --line-soft:#edf4f0;
  --text:#16352c;
  --text-soft:#244a3e;
  --muted:#587568;
  --muted-2:#769082;
  --brand:#00563f;
  --brand-2:#7cc000;
  --brand-soft:#eef7ed;
  --accent:#9ad000;
  --accent-soft:#f3f9e5;
  --success:#edf7ef;
  --warning:#fff7db;
  --danger:#feeae8;
  --dark:#0d2f26;
  --shadow-xs:0 4px 12px rgba(12, 52, 40, .05);
  --shadow-sm:0 12px 30px rgba(12, 52, 40, .07);
  --shadow-md:0 20px 50px rgba(12, 52, 40, .11);
  --shadow-lg:0 28px 70px rgba(8, 34, 26, .15);
}
html,body{background:
 radial-gradient(circle at top left, rgba(154,208,0,.12), transparent 24%),
 radial-gradient(circle at top right, rgba(0,86,63,.08), transparent 22%),
 linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
}
.sidebar{background:linear-gradient(180deg, #0e3328 0%, #0a281f 46%, #081f18 100%);border-right:1px solid rgba(154,208,0,.16)}
.sidebar:before{background:radial-gradient(circle at 14% 10%, rgba(154,208,0,.16), transparent 18%),radial-gradient(circle at 78% 0%, rgba(0,86,63,.18), transparent 18%)}
.brand-card{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));border-color:rgba(154,208,0,.16)}
.brand-logo{display:block;width:100%;max-width:250px;margin:0 0 12px}
.brand-ribbon{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;background:#143c31;color:#d4f07a;border:1px solid rgba(154,208,0,.24);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nav-link:hover,.nav-link.active{background:linear-gradient(180deg, rgba(154,208,0,.12), rgba(255,255,255,.03));border-color:rgba(154,208,0,.18)}
.nav-link:hover:before,.nav-link.active:before{background:#9ad000;box-shadow:0 0 0 6px rgba(154,208,0,.12)}
.page-hero{border-color:rgba(0,86,63,.08);background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,251,248,.9))}
.hero-panel{background:linear-gradient(135deg, #0f3428 0%, #13523d 54%, #7ca315 100%);border-color:rgba(154,208,0,.18)}
.hero-panel:before{background:radial-gradient(circle at 84% 12%,rgba(154,208,0,.24),transparent 22%),radial-gradient(circle at 10% 0%,rgba(255,255,255,.08),transparent 24%)}
.hero-brand-banner{display:block;width:100%;max-width:620px;margin-bottom:10px;border-radius:26px;box-shadow:0 18px 42px rgba(0,0,0,.16);background:transparent}
.primary-btn{background:linear-gradient(135deg, #0c6b4f, #8fca18);color:#ffffff;box-shadow:0 14px 28px rgba(12,107,79,.24)}
.secondary-btn{background:rgba(255,255,255,.08);border:1px solid rgba(154,208,0,.22)}
.ghost-btn,.table-btn,.icon-btn{color:#00563f}
.ghost-btn:hover,.table-btn:hover,.icon-btn:hover{border-color:rgba(0,86,63,.18)}
.badge{background:#eef7f2;color:#0f5a45;border-color:#d5e7dd}
.badge.accent{background:#f3f9e5;color:#587500;border-color:#dcebaf}
.badge.light{background:#f7fbf8;color:#5f7b6f;border-color:#dfeae4}
.soft-badge.success{background:#eef7ed;border-color:#dcebaf;color:#456400}
.soft-badge.dark{background:#12392e;border-color:#265347;color:#fff}
.login-shell{background:
 radial-gradient(circle at 18% 16%, rgba(154,208,0,.14), transparent 18%),
 radial-gradient(circle at 82% 22%, rgba(0,86,63,.10), transparent 18%),
 linear-gradient(180deg, #f7fbf8 0%, #ebf3ef 100%)}
.login-aside{background:linear-gradient(180deg, rgba(7,39,30,.97), rgba(12,58,45,.95));color:#fff;border-color:rgba(154,208,0,.18);position:relative;overflow:hidden}
.login-aside:before{content:'';position:absolute;inset:0;background:url('../img/qualificamais-symbol.png') center/46% no-repeat;opacity:.07;mix-blend-mode:screen;pointer-events:none}
.login-aside > *{position:relative;z-index:1}
.login-brand-logo{display:block;width:100%;max-width:360px;margin:0 0 16px}
.brand-pill{background:rgba(154,208,0,.16);border-color:rgba(154,208,0,.22);color:#d8f28d}
.type-shortcut-card.active{border-color:rgba(0,86,63,.22);box-shadow:0 16px 30px rgba(0,86,63,.08)}
.type-shortcut-card:hover{border-color:rgba(154,208,0,.22)}
.type-shortcut-card .file-avatar{background:linear-gradient(135deg, #edf7f2, #d8eddf);color:#0f5a45}
.type-shortcut-card.pdf .file-avatar{background:linear-gradient(135deg, #f0f7eb, #d7edc5);color:#476300}
.type-shortcut-card.video .file-avatar{background:linear-gradient(135deg, #10372b, #1b6a50);color:#f0fff8}
.type-shortcut-card.image .file-avatar{background:linear-gradient(135deg, #f6fbef, #e6f3cb);color:#5a7600}
.type-shortcut-card.spreadsheet .file-avatar{background:linear-gradient(135deg, #eef7f2, #d5e8dd);color:#0c5e46}
.admin-shortcuts .shortcut-link.active{background:#113a2e;border-color:rgba(154,208,0,.24);color:#d8f28d}
.preview-wrap{background:linear-gradient(180deg,#ffffff,#f5faf7)}

.simple-hero .page-title-group h1{font-size:44px}
.simple-search-form input,.simple-search-form select,.login-form input,.login-form select,.login-form textarea,.form-card input,.form-card select,.form-card textarea{font-size:17px;min-height:54px}
.simple-search-form .primary-btn,.simple-search-form .ghost-btn,.action-row .primary-btn,.action-row .ghost-btn,.login-form .primary-btn,.login-form .icon-btn{font-size:17px;min-height:54px;padding:14px 20px}
.brand-card-simple strong{font-size:24px}
.simple-sidebar .nav-link{font-size:18px;padding:16px 16px}
.simple-sidebar .sidebar-user strong{font-size:18px}
.stack-item.rich .action-row{align-items:center}
.stack-item.rich strong{font-size:20px}
.stack-item.rich p{font-size:16px}
.info-list div{align-items:center}
.info-list div span,.info-list div strong{font-size:16px}
.login-shell-simple .login-aside h1{font-size:52px}
.login-shell-simple .login-card h2{font-size:38px}
@media (max-width: 900px){
  .login-shell-simple{grid-template-columns:1fr}
  .login-shell-simple .login-aside{padding:36px 24px}
  .simple-hero .page-title-group h1{font-size:34px}
}

/* Modern refresh */
@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pulseGlow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}
@keyframes revealUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%{background-position:0% 50%}100%{background-position:100% 50%}}

.reveal-card{animation:revealUp .55s ease both}
.delay-1{animation-delay:.08s}
.delay-2{animation-delay:.16s}
.delay-3{animation-delay:.24s}
.float-card,.floating-mini{animation:floatSoft 6s ease-in-out infinite}
.float-card.delay-1,.floating-mini.delay-1{animation-delay:.7s}
.float-card.delay-2,.floating-mini.delay-2{animation-delay:1.4s}
.float-card.delay-3{animation-delay:2.1s}

.modern-hero{position:relative;overflow:hidden;isolation:isolate}
.hero-orb{position:absolute;border-radius:999px;filter:blur(6px);pointer-events:none;z-index:0;animation:pulseGlow 8s ease-in-out infinite}
.hero-orb-one{width:180px;height:180px;right:6%;top:-24px;background:radial-gradient(circle, rgba(154,208,0,.22), transparent 68%)}
.hero-orb-two{width:140px;height:140px;right:18%;bottom:-34px;background:radial-gradient(circle, rgba(0,86,63,.14), transparent 70%);animation-delay:1.6s}
.modern-hero .page-hero-left,.modern-hero .topbar-right{position:relative;z-index:1}
.hero-quick-links .soft-badge{min-height:42px;padding-inline:15px}

.modern-user-card{gap:16px}
.sidebar-user-meta-grid{display:grid;gap:10px}
.sidebar-user-meta{display:grid;gap:4px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.sidebar-user-meta span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.66)}
.sidebar-user-meta strong{font-size:14px;color:#fff}
.light-on-dark{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.14)}
.light-on-dark:hover{background:rgba(255,255,255,.12)}

.modern-login-shell{position:relative}
.modern-login-aside{justify-content:flex-start;padding-top:88px}
.modern-login-card{max-width:560px;width:min(100%,560px);padding:34px 32px;border-radius:34px;background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.82));backdrop-filter:blur(12px);box-shadow:0 32px 70px rgba(12, 52, 40, .14)}
.modern-login-grid{margin-top:34px}
.hero-button{background-size:200% 200%;animation:shimmer 5s linear infinite alternate}
.demo-panel{margin-top:18px;padding:16px 18px;border-radius:20px;background:#f7fbf8;border:1px solid #dfeae4;display:grid;gap:8px;color:var(--text-soft)}
.password-field{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.input-action{white-space:nowrap}
.muted-lg{color:var(--muted);font-size:16px;line-height:1.7}

.soft-hero-panel{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);min-height:auto}
.soft-hero-panel h2{font-size:34px}
.modern-stack-list{gap:16px}
.glass-item{background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(245,250,247,.95));backdrop-filter:blur(8px);border:1px solid rgba(0,86,63,.08);box-shadow:0 18px 38px rgba(12, 52, 40, .06)}
.glass-item:hover,.action-card:hover,.mini-panel:hover{transform:translateY(-2px);box-shadow:0 22px 40px rgba(12,52,40,.09)}
.stack-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.stack-title-row .badge{flex:0 0 auto}
.column-mobile{display:flex;flex-direction:column}

.action-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.action-card{display:grid;gap:12px;padding:24px;border-radius:28px;border:1px solid rgba(0,86,63,.08);background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,249,246,.93));box-shadow:0 20px 42px rgba(12,52,40,.06);transition:.22s}
.action-card strong{font-size:22px;letter-spacing:-.03em}
.action-card p{color:var(--muted);font-size:15px;line-height:1.7}
.action-card-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg, rgba(0,86,63,.12), rgba(154,208,0,.2));color:var(--brand);font-size:22px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.action-card-static{transition:.22s}
.dashboard-bottom-grid{align-items:start}
.modern-timeline{gap:2px}
.compact-gap{gap:6px}

.modern-form{gap:18px}
.access-picker-card{padding:20px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(247,251,248,.98), rgba(255,255,255,.98));display:grid;gap:16px}
.access-all-row{padding:14px 16px;border-radius:18px;background:#f7fbf8;border:1px solid #e0ebe4}
.job-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.job-checkbox-card{display:flex !important;align-items:center;gap:10px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid #dfeae4;font-weight:700;color:var(--text-soft);transition:.18s;cursor:pointer;min-height:64px}
.job-checkbox-card:hover{border-color:rgba(0,86,63,.2);box-shadow:0 8px 20px rgba(12,52,40,.05)}
.job-checkbox-card input{width:20px;height:20px;flex:0 0 20px}
.selection-summary{padding:16px 18px;border-radius:18px;background:linear-gradient(135deg, rgba(0,86,63,.06), rgba(154,208,0,.11));color:var(--text-soft);font-weight:700}
.with-box input{width:20px;height:20px}

.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;border:none;box-shadow:none;padding:0}
.page-grid-split,.detail-modern-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:20px;align-items:start}

.table-shell table strong{font-size:15px}
.table-shell tbody td{font-size:15px}
.mini-panel.large-card{min-height:150px;transition:.22s}

@media (max-width: 1180px){
  .action-cards-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .soft-hero-panel,.page-grid-split,.detail-modern-grid,.grid.two-left,.grid.two-right{grid-template-columns:1fr}
}

@media (max-width: 980px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{position:relative;height:auto}
  .main-shell{padding:20px}
  .job-checkbox-grid{grid-template-columns:1fr}
  .page-hero{padding:22px}
  .action-cards-grid,.category-grid{grid-template-columns:1fr}
  .simple-sidebar .nav-link{font-size:17px}
}

@media (max-width: 720px){
  .login-main{padding:20px}
  .modern-login-card{padding:26px 22px}
  .simple-search-form,.form-card.two-col{grid-template-columns:1fr}
  .column-mobile,.action-row{width:100%}
  .stack-item.rich{flex-direction:column}
  .soft-hero-panel h2,.hero-panel h2{font-size:28px}
  .simple-hero .page-title-group h1{font-size:30px}
}

/* Final visual polish */
.usage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.usage-card{gap:14px;transition:.22s;min-height:200px}
.usage-card:hover{transform:translateY(-3px);box-shadow:0 24px 42px rgba(12,52,40,.08)}
.usage-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.usage-card-head strong{font-size:22px;letter-spacing:-.03em}
.usage-card-footer{margin-top:auto}
.full-span-card{grid-column:1/-1}
.helper-note-card{display:grid;gap:8px;padding:16px 18px;border-radius:20px;border:1px solid #dfe9e3;background:linear-gradient(180deg,#fbfdfc,#f6faf7);box-shadow:var(--shadow-xs)}
.helper-note-card strong{font-size:15px;color:var(--text)}
.helper-note-card p{color:var(--muted);font-size:14px;line-height:1.7}
.helper-note-card.success-tone{background:linear-gradient(180deg,#f5faef,#ffffff);border-color:#dcebaf}
.modern-user-table .table-avatar{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg, rgba(0,86,63,.12), rgba(154,208,0,.2));color:var(--brand)}
.modern-user-table .table-sub{max-width:34ch}
.modern-user-table td{vertical-align:middle}
.preview-wrap{padding:16px;border-radius:28px;border:1px solid rgba(0,86,63,.08);background:linear-gradient(180deg,#ffffff,#f7fbf8)}
.detail-info-list strong{max-width:58%}
.access-picker-card small,
#selectedFileName,
#detailFileName{color:var(--muted);font-size:14px;line-height:1.7}
.selection-summary{font-size:15px;line-height:1.7}
.job-checkbox-card span{font-size:16px;line-height:1.45}
.metric-strip.reveal-card,.metric-strip{animation:revealUp .45s ease both}
.simple-search-form .action-row{align-items:center}
.simple-search-form .ghost-btn{background:#fff}
.page-hero.simple-hero{padding-block:28px}
.hero-quick-links .soft-badge{transition:.2s}
.hero-quick-links .soft-badge:hover{transform:translateY(-2px)}
.brand-card-simple{padding:22px;border-radius:30px}
.brand-card-simple .brand-eyebrow{margin-top:12px}
.brand-card-simple p{line-height:1.7}
.sidebar-user.modern-user-card{padding:20px;border-radius:30px}
.modern-stack-list .stack-item.rich{padding:22px 22px 20px}
.modern-stack-list .stack-item.rich .badge{align-self:flex-start}
.metric-tile{transition:.22s}
.metric-tile:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(12,52,40,.07)}
.table-shell tbody tr{transition:.16s}
.action-card-icon{position:relative;overflow:hidden}
.action-card-icon:after{content:'';position:absolute;inset:auto -14px -14px auto;width:46px;height:46px;border-radius:999px;background:rgba(255,255,255,.36)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

@media (max-width: 1180px){
  .usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 720px){
  .usage-grid{grid-template-columns:1fr}
  .usage-card-head{flex-direction:column;align-items:flex-start}
  .preview-wrap{padding:10px}
  .helper-note-card{padding:14px 15px}
}

/* Admin documents refresh */
.edit-panel-highlight{border:1px solid rgba(0,86,63,.12);box-shadow:0 26px 54px rgba(12,52,40,.08)}
.admin-subpanels{margin-top:18px}
.nested-panel{background:linear-gradient(180deg,#fff,#f8fbf9);border:1px solid rgba(0,86,63,.08);box-shadow:var(--shadow-xs)}
.danger-panel{border-color:rgba(160,30,30,.12);background:linear-gradient(180deg,#fff,#fff7f7)}
.danger-note{border-color:#f1d6d6;background:linear-gradient(180deg,#fff7f7,#fff)}
.danger-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 20px;border-radius:18px;border:1px solid #cf5d5d;background:linear-gradient(135deg,#c94646,#b42020);color:#fff;font-size:17px;font-weight:800;box-shadow:0 16px 28px rgba(180,32,32,.15)}
.danger-btn:hover{transform:translateY(-1px);box-shadow:0 20px 32px rgba(180,32,32,.18)}
.admin-doc-item.is-editing{border-color:rgba(154,208,0,.46);box-shadow:0 22px 44px rgba(154,208,0,.12)}
.primary-btn.mini{min-height:46px;font-size:15px;padding:12px 16px}

@media (max-width: 980px){
  .admin-subpanels{grid-template-columns:1fr}
}

/* lateral navigation refinement */
.nav-group-admin{gap:8px}
.admin-nav-section{gap:12px}
.sidebar-helper-card{
  display:grid;
  gap:8px;
  padding:14px 14px 15px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  box-shadow:var(--shadow-xs);
}
.sidebar-helper-card strong{font-size:14px;color:#fff}
.sidebar-helper-card p{font-size:13px;line-height:1.6;color:rgba(255,255,255,.74)}
.hero-info-cards{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;min-width:min(420px,100%);max-width:470px}
.hero-info-cards .admin-chip{min-width:0;padding:14px 15px;border-radius:20px;background:linear-gradient(180deg,#fdfefe,#f6faf8);border:1px solid var(--line);box-shadow:var(--shadow-xs)}
.hero-info-cards .admin-chip strong{font-size:15px}
.hero-info-cards .admin-chip.accent-chip{background:linear-gradient(180deg,#f6fbec,#eef7dd);border-color:#dbe7b3}
.page-hero .topbar-right.hero-info-cards{justify-content:stretch;align-self:stretch}
.app-mode-admin .page-hero.admin-hero{padding-right:24px}
.brand-card-simple{grid-template-columns:1fr}
.brand-logo{display:block;width:min(210px,100%);height:auto;margin-bottom:12px}
.sidebar-user-meta-grid{display:grid;gap:10px}
@media (max-width: 1360px){
  .hero-info-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
}
@media (max-width: 860px){
  .hero-info-cards{grid-template-columns:1fr;min-width:0;width:100%}
  .sidebar-helper-card{display:none}
}

/* Sidebar navigation redesign */
.fixed-nav-sidebar{
  padding:16px 14px;
  gap:14px;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
}
.sidebar-brand-fixed{
  position:relative;
  z-index:2;
}
.compact-brand-card{
  padding:18px 18px 16px;
  border-radius:24px;
  margin:0;
}
.compact-brand-card strong{
  font-size:21px;
}
.compact-brand-card p{
  font-size:13px;
  line-height:1.6;
}
.sidebar-scroll-area{
  min-height:0;
  overflow:auto;
  padding-right:8px;
  margin-right:-4px;
  scrollbar-width:thin;
  scrollbar-color:rgba(185,236,84,.38) transparent;
  mask-image:linear-gradient(to bottom, transparent 0, black 12px, black calc(100% - 12px), transparent 100%);
}
.sidebar-scroll-area::-webkit-scrollbar{
  width:10px;
}
.sidebar-scroll-area::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04);
  border-radius:999px;
}
.sidebar-scroll-area::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(185,236,84,.72), rgba(85,142,20,.72));
  border-radius:999px;
  border:2px solid rgba(11,36,28,.72);
}
.sidebar-scroll-area::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg, rgba(205,245,112,.9), rgba(102,163,35,.85));
}
.sidebar-fixed-nav{
  display:grid;
  gap:10px;
  align-content:start;
  padding-bottom:10px;
}
.sidebar-fixed-nav .nav-section-label{
  padding:2px 6px 0;
  position:sticky;
  top:0;
  z-index:1;
  background:linear-gradient(180deg, rgba(14,51,40,.96), rgba(14,51,40,.82));
  backdrop-filter:blur(10px);
}
.nav-link-fixed{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:13px 15px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.nav-link-fixed:before{
  display:none;
}
.nav-link-fixed .nav-link-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.nav-link-fixed .nav-link-text{
  min-width:0;
  font-size:17px;
  font-weight:700;
  letter-spacing:-.02em;
}
.nav-link-fixed:hover,
.nav-link-fixed.active{
  transform:none;
  color:#fff;
  border-color:rgba(185,236,84,.28);
  background:linear-gradient(180deg, rgba(185,236,84,.16), rgba(255,255,255,.06));
  box-shadow:0 10px 22px rgba(9,24,18,.14);
}
.nav-link-fixed:hover .nav-link-icon,
.nav-link-fixed.active .nav-link-icon{
  background:rgba(185,236,84,.24);
  color:#f7ffe6;
}
.sidebar-footer-fixed{
  position:relative;
  z-index:2;
  padding-top:2px;
}
.sidebar-footer-fixed:before{
  content:'';
  position:absolute;
  left:2px;
  right:10px;
  top:-12px;
  height:18px;
  background:linear-gradient(180deg, rgba(13,49,39,0), rgba(13,49,39,.95));
  pointer-events:none;
}
.compact-user-card{
  margin-top:0;
  padding:14px 15px 15px;
  border-radius:22px;
  gap:10px;
}
.compact-user-head{
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
}
.compact-user-card .avatar{
  width:42px;
  height:42px;
  border-radius:14px;
}
.compact-user-card strong{
  display:block;
  font-size:17px;
  line-height:1.2;
}
.compact-user-card p{
  margin-top:3px;
  font-size:13px;
}
.sidebar-user-inline-meta{
  display:grid;
  gap:8px;
}
.sidebar-user-inline-meta span{
  display:block;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.88);
  font-size:13px;
  font-weight:600;
  line-height:1.4;
}
.compact-logout-btn{
  min-height:44px;
  border-radius:14px;
  font-size:15px;
}

@media (max-width: 980px){
  .fixed-nav-sidebar{
    padding:16px;
    height:auto;
    overflow:visible;
    grid-template-rows:auto auto auto;
  }
  .sidebar-scroll-area{
    overflow:visible;
    mask-image:none;
    margin-right:0;
    padding-right:0;
  }
  .sidebar-fixed-nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sidebar-fixed-nav .nav-section-label{
    grid-column:1/-1;
    position:static;
    background:none;
    backdrop-filter:none;
  }
  .sidebar-footer-fixed:before{
    display:none;
  }
}

@media (max-width: 720px){
  .sidebar-fixed-nav{
    grid-template-columns:1fr;
  }
}


/* Compact footer and partial navigation */
.compact-user-footer{
  padding:12px 13px;
  gap:10px;
  border-radius:20px;
}
.compact-user-topline{
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
}
.user-identity-copy{min-width:0}
.sidebar-logout-inline{margin:0}
.sidebar-user-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.sidebar-pill{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:700;
  line-height:1.2;
}
.compact-logout-btn.small{
  min-height:36px;
  padding:9px 12px;
  border-radius:12px;
  font-size:13px;
  white-space:nowrap;
}
.sidebar-footer-fixed{
  padding-top:0;
}
.sidebar-footer-fixed:before{
  top:-10px;
  height:14px;
}
.sidebar-scroll-area{
  scroll-behavior:smooth;
}
body.is-loading::before{
  content:'';
  position:fixed;
  left:0;
  top:0;
  width:34%;
  height:3px;
  z-index:9999;
  border-radius:0 999px 999px 0;
  background:linear-gradient(90deg, var(--accent), #f6ffb9);
  box-shadow:0 0 20px rgba(185,236,84,.35);
  animation:nav-progress 1.05s ease-in-out infinite;
}
body.is-loading .main-shell{
  opacity:.88;
}
body.is-loading .content-shell,
body.is-loading .page-hero{
  transition:opacity .18s ease, transform .18s ease;
  opacity:.72;
  transform:translateY(3px);
}
@keyframes nav-progress{
  0%{transform:translateX(-120%);}
  100%{transform:translateX(340%);}
}