:root{--background:#f4f1e8;--surface:#fffdf9;--surface-strong:#ffffff;--surface-muted:#f6f0e5;--border:#d7cfbf;--text:#2f2418;--text-soft:#6f6355;--accent:#385f43;--accent-strong:#23402d;--accent-soft:#dcebdc;--danger:#a94442;--danger-soft:#fbe0df;--success:#3d7a55;--success-soft:#dceedd;--warning:#a46f1d;--shadow:0 20px 50px rgba(53,38,19,0.12);--shadow-soft:0 8px 24px rgba(53,38,19,0.08);--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--font-sans:"Avenir Next","Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(56,95,67,.12),transparent 28%),radial-gradient(circle at top right,rgba(173,124,34,.12),transparent 25%),var(--background);color:var(--text);font-family:var(--font-sans)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}textarea{resize:vertical}.auth-layout,.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px}.signin-shell{width:min(1120px,100%);display:grid;grid-template-columns:1.15fr .9fr;grid-gap:24px;gap:24px}.auth-panel,.feature-card,.panel{background:var(--surface);border:1px solid rgba(215,207,191,.75);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.brand-panel{padding:44px;background:linear-gradient(160deg,rgba(56,95,67,.95),rgba(35,64,45,.95)),var(--accent);color:#f7f7ef;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;inset:auto -120px -120px auto;width:280px;height:280px;border-radius:999px;background:rgba(247,247,239,.08)}.brand-panel h1{margin:10px 0 18px;font-size:clamp(2.8rem,5vw,4rem);line-height:.95}.brand-copy{max-width:32rem;color:rgba(247,247,239,.86);font-size:1.05rem;line-height:1.7}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:36px}.brand-grid article{padding:18px;border-radius:20px;background:rgba(247,247,239,.08);border:1px solid rgba(247,247,239,.14)}.brand-grid span,.detail-label,.eyebrow,.sidebar-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.brand-grid strong{display:block;margin-top:10px;font-size:1rem;line-height:1.4}.form-panel{padding:36px}.narrow-panel{width:min(560px,100%)}.auth-form{display:grid;grid-gap:18px;gap:18px}.auth-form h1,.auth-form h2,.page-header h1{margin:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1.05}.empty-state,.form-copy,.inline-note,.page-copy,.panel-header p,.result-summary,.topbar-summary p{margin:0;color:var(--text-soft);line-height:1.6}.eyebrow{margin:0 0 10px;color:var(--accent)}.field{display:grid;grid-gap:8px;gap:8px}.field span{font-size:.92rem;font-weight:700}.field input,.field select,.field textarea,.search-input{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px;background:var(--surface-strong);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{outline:none;border-color:rgba(56,95,67,.75);box-shadow:0 0 0 4px rgba(56,95,67,.12);transform:translateY(-1px)}.password-field{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px}.danger-button,.ghost-inline-button,.language-buttons button,.menu-toggle,.primary-button,.secondary-button{border:0;border-radius:999px;padding:12px 18px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#f7f7ef;box-shadow:0 12px 24px rgba(35,64,45,.2)}.ghost-inline-button,.language-buttons button,.menu-toggle,.secondary-button{background:var(--surface-muted);color:var(--text);border:1px solid rgba(215,207,191,.85)}.danger-button{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(169,68,66,.18);padding:6px 12px;height:auto}.ghost-button{border:0;border-radius:999px;padding:6px 12px;height:auto;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;background:var(--surface-muted);color:var(--text);border:1px solid rgba(215,207,191,.85);align-items:center}.danger-button:hover,.ghost-button:hover,.ghost-inline-button:hover,.language-buttons button:hover,.menu-toggle:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.primary-button:disabled{opacity:.75;cursor:wait}.ghost-inline-button{padding-inline:14px}.account-actions,.account-meta,.inline-row,.language-buttons,.page-actions,.profile-hero,.sidebar-nav,.worker-row{display:flex;gap:12px}.account-actions,.inline-row{align-items:center}.inline-row{justify-content:space-between;flex-wrap:wrap}.inline-link{color:var(--accent);font-weight:700}.checkbox-row{display:inline-flex;gap:10px;align-items:center;color:var(--text-soft)}.checkbox-row input{width:18px;height:18px}.checkbox-group{display:flex;flex-wrap:wrap;gap:14px}.language-buttons{flex-wrap:wrap}.language-buttons button{min-width:60px}.language-buttons .is-selected{background:var(--accent);color:#f7f7ef;border-color:transparent}.auth-language-buttons{justify-content:center}.status-message{min-height:24px;margin:0;font-weight:600}.status-message.success{color:var(--success)}.status-message.error{color:var(--danger)}.status-message.loading{color:var(--warning)}.centered-state{min-height:100vh;display:grid;place-items:center;text-align:center;grid-gap:10px;gap:10px}.spinner{width:42px;height:42px;border-radius:999px;border:3px solid rgba(56,95,67,.18);border-top:3px solid var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(247,247,239,.14);border:1px solid rgba(247,247,239,.12);font-weight:800}.language-switcher{display:grid;grid-gap:10px;gap:10px}.page-container{padding:28px}.page-stack{display:grid;grid-gap:22px;gap:22px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.panel{padding:24px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;flex-wrap:wrap}.panel-header h2{margin:0 0 6px;font-size:1.35rem}.panel-grid{display:grid;grid-gap:20px;gap:20px}.panel-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid.single-column{grid-template-columns:1fr}.stacked-form{display:grid;grid-gap:18px;gap:18px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:1rem}.field-grid.five-up{grid-template-columns:repeat(5,minmax(0,1fr))}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.feature-card{display:block;padding:24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 26px 50px rgba(53,38,19,.14);border-color:rgba(56,95,67,.35)}.feature-card h2{margin:0 0 10px;font-size:1.3rem}.feature-card p{margin:0;color:var(--text-soft)}.feature-icon{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:16px;background:var(--accent-soft);color:var(--accent-strong);font-size:1.2rem;font-weight:900}.badge,.pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:var(--surface-muted);color:var(--text);font-size:.76rem;font-weight:700}.badge.is-off{background:#ece7df;color:var(--text-soft)}.account-list,.stack-list,.timeline,.workers-list{display:grid;grid-gap:14px;gap:14px}.account-card,.qr-card,.stack-item,.timeline-card,.worker-card{display:flex;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--surface-strong)}.account-card h3,.qr-card strong,.worker-card strong{margin:8px 0}.account-card p,.stack-item p,.worker-card p{margin:4px 0;color:var(--text-soft)}.account-card.is-inactive{opacity:.72}.qr-card,.qr-card-main{align-items:center}.qr-card-main{display:flex;gap:16px;min-width:0}.profile-image,.qr-large,.qr-thumb{border-radius:18px;border:1px solid var(--border);background:#fff}.qr-placeholder{width:100%;min-height:72px;border-radius:18px;background:linear-gradient(135deg,#efebe3,#faf6ef);border:1px dashed var(--border)}.modal-overlay{position:fixed;inset:0;background:rgba(30,22,17,.55);display:grid;place-items:center;padding:24px;z-index:30}.modal-card{width:min(760px,100%);padding:26px;border-radius:30px;background:var(--surface);box-shadow:var(--shadow)}.modal-body{display:grid;grid-gap:20px;gap:20px;justify-items:center}.code-block,.detail-code-block{width:100%;font-family:var(--font-mono);font-size:.84rem;line-height:1.55;background:#f2eee5;border:1px solid var(--border);border-radius:18px;padding:14px;color:var(--text);white-space:pre-wrap;overflow-x:auto}.table-scroll{overflow-x:auto}.data-table{width:100%;min-width:980px;border-collapse:collapse}.data-table td,.data-table th{padding:14px 12px;border-bottom:1px solid #e8e0d1;text-align:left;vertical-align:top}.data-table th{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}.mono-cell{font-family:var(--font-mono);word-break:break-all}.empty-table-cell{text-align:center;color:var(--text-soft)}.search-row{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px}.metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.detail-card{padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface-muted)}.detail-value{margin-top:8px;font-weight:700;line-height:1.55;word-break:break-word}.wide-card{grid-column:1/-1}.timeline-card{display:grid;grid-gap:16px;gap:16px}.timeline-top{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.timeline-flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:1rem}.video-preview-panel{margin-top:18px}.video-preview{width:100%;border-radius:24px;background:#000}.video-placeholder{min-height:320px;display:grid;place-items:center;grid-gap:12px;gap:12px;border:1px dashed var(--border);border-radius:28px;background:radial-gradient(circle at top,rgba(56,95,67,.08),transparent 45%),#f7f3ea;color:var(--text-soft)}.play-glyph{display:grid;place-items:center;width:86px;height:86px;border-radius:999px;background:rgba(56,95,67,.12);color:var(--accent);font-size:2rem}.dashboard-shell{display:grid;grid-template-columns:300px minmax(0,1fr);transition:grid-template-columns .25s ease}.dashboard-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.dashboard-sidebar.is-open{transform:translateX(0);box-shadow:0 40px 80px rgba(0,0,0,.35)}.dashboard-main{min-width:0}.dashboard-shell.sidebar-collapsed .dashboard-sidebar{transform:translateX(-100%);opacity:0;pointer-events:none}.dashboard-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;width:300px;flex-shrink:0;padding:24px 18px;background:linear-gradient(180deg,rgba(36,58,41,.98),rgba(31,42,33,.98)),#243a29;color:#f7f7ef;display:flex;flex-direction:column;gap:26px;overflow:hidden;transition:width .25s ease}.sidebar-brand a{display:flex;align-items:center;gap:14px}.hero-card strong,.sidebar-brand strong,.topbar-summary strong{display:block}.hero-card small,.sidebar-brand small,.sidebar-user-card small,.timeline-date{color:rgba(247,247,239,.72)}.sidebar-nav{flex-direction:column}.sidebar-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:18px;color:rgba(247,247,239,.86)}.sidebar-link.is-active,.sidebar-link:hover{background:rgba(247,247,239,.11);color:#fff}.sidebar-icon{width:28px;text-align:center}.sidebar-footer{margin-top:auto;display:grid;grid-gap:16px;gap:16px}.hero-card,.sidebar-user-card{padding:18px;border-radius:22px;background:rgba(247,247,239,.08);border:1px solid rgba(247,247,239,.12)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:22px 28px 0 20px}.topbar-summary p{font-size:.9rem}.worker-card{display:grid}.worker-row{justify-content:space-between;align-items:center;flex-wrap:wrap}.progress-bar{overflow:hidden;height:12px;border-radius:999px;background:#e7dece}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(135deg,var(--success),var(--accent))}.empty-panel{text-align:center;color:var(--text-soft)}.button-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:1rem}@media (max-width:1120px){.feature-grid,.panel-grid.two-up,.profile-layout,.signin-shell{grid-template-columns:1fr}.field-grid.five-up{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.dashboard-shell{display:block}.dashboard-sidebar{position:fixed;inset:0 auto 0 0;width:min(320px,85vw);transform:translateX(-110%);z-index:50;transition:transform .25s ease}.dashboard-sidebar.is-open{transform:translateX(0)}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:999px}.menu-toggle{display:inline-flex;font-size:1.2rem;font-weight:700;padding:10px 14px}.topbar{padding-inline:20px}.page-container{padding:20px}}@media (max-width:720px){.brand-panel,.form-panel,.modal-card,.panel{padding:22px}.brand-grid,.field-grid,.field-grid.five-up,.metadata-grid,.password-field,.search-row{grid-template-columns:1fr}.account-card,.button-row,.page-header,.panel-header,.profile-hero,.qr-card,.stack-item{flex-direction:column}.button-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:1rem}.hero-card,.page-actions{width:100%}}.lang-btn{padding:6px 10px;border-radius:6px;opacity:.6}.lang-btn.is-selected{background:#111;color:white;opacity:1}.nav-avatar{object-fit:cover}.nav-avatar,.nav-avatar-fallback{width:36px;height:36px;border-radius:50%}.nav-avatar-fallback{background:#333;color:white;display:flex;align-items:center;justify-content:center}.profile-layout{display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.profile-panel{display:grid;grid-gap:18px;gap:18px;align-self:start;height:-moz-fit-content;height:fit-content}.profile-hero{align-items:center}.profile-avatar{display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#f7f7ef;font-size:2rem;font-weight:800}.profile-details{display:grid;grid-gap:8px;gap:8px}.profile-details p{margin:0;color:var(--text-soft)}.profile-avatar-wrapper{position:relative;width:100px;height:100px}.profile-avatar,.profile-image{width:100%;height:100%;border-radius:50%}.change-photo-overlay{position:absolute;bottom:0;right:0;background:black;color:white;border-radius:50%;padding:6px;font-size:12px}.change-photo-btn{margin-top:10px;padding:6px 12px;font-size:14px}.sidebar-overlay{position:fixed;inset:0;background:rgba(20,15,10,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-link{transition:background .2s ease,transform .15s ease}.sidebar-link:hover{transform:translateX(4px)}.account-card,.feature-card,.panel,.worker-card{transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover,.panel:hover{transform:translateY(-2px)}@media (max-width:960px){.dashboard-main{position:relative;z-index:1}}