.toast-container{top:calc(var(--sp-5) + var(--safe-top));right:max(var(--sp-5), var(--safe-right));z-index:9000;gap:var(--sp-3);max-width:380px;width:calc(100% - var(--sp-8));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--text-muted);border-radius:var(--radius);box-shadow:var(--shadow-lg);pointer-events:auto;animation:.22s cubic-bezier(.16,1,.3,1) both slideInRight;display:flex}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-info{border-left-color:var(--info)}.toast-icon{flex-shrink:0;margin-top:2px}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--info)}.toast-body{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);margin-bottom:2px;font-weight:700;display:block}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);word-break:break-word;line-height:1.5}.toast-close{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);flex-shrink:0;padding:2px}.toast-close:hover{color:var(--text-primary);background:var(--bg-hover)}@media (width<=640px){.toast-container{top:auto;bottom:var(--sp-4);left:var(--sp-4);right:var(--sp-4);width:auto;max-width:none}}.mm-logo{width:auto;height:40px;display:block;overflow:visible}.mm-logo-full{height:120px}.mm-logo-mark{height:36px}.mm-logo.is-animated .mm-frame{stroke-dasharray:1600;stroke-dashoffset:1600px;animation:1.6s cubic-bezier(.65,0,.35,1) forwards mm-draw}.mm-logo.is-animated .mm-word{opacity:0;animation:.7s .5s forwards mm-rise;transform:translateY(8px)}.mm-logo.is-animated .mm-ribbon{opacity:0;animation:.7s .9s forwards mm-slide;transform:translate(-16px)}@keyframes mm-draw{to{stroke-dashoffset:0}}@keyframes mm-rise{to{opacity:1;transform:translateY(0)}}@keyframes mm-slide{to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.mm-logo.is-animated .mm-frame,.mm-logo.is-animated .mm-word,.mm-logo.is-animated .mm-ribbon{opacity:1;stroke-dashoffset:0;animation:none;transform:none}}.brand-logo{flex-shrink:0;line-height:0;display:inline-block}.brand-logo svg{width:100%;height:100%;display:block}.brand-cluster{flex-shrink:0;display:inline-block;position:relative}.brand-cluster .brand-logo{box-shadow:0 0 0 2px var(--bg-surface);border-radius:30%;position:absolute}.brand-cluster .brand-logo:first-child{z-index:1;top:0;left:0}.brand-cluster .brand-logo:nth-child(2){z-index:2;top:18%;left:26%}.brand-cluster .brand-logo:nth-child(3){z-index:3;top:0;left:52%}.is-brand{border:1px solid var(--border);color:inherit!important;background:#fff!important}.is-brand:hover,.service-card:hover .service-card-icon.is-brand,.feature-item:hover .feature-icon.is-brand{background:#fff!important;transform:none!important}[data-theme=dark] .is-brand{border-color:#0000;background:#f8fafc!important}.site-nav{z-index:500;-webkit-backdrop-filter:saturate(180%)blur(12px);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);padding-top:var(--safe-top);background:#ffffffe6;border-bottom:1px solid #0000;position:sticky;top:0}[data-theme=dark] .site-nav{background:#0b1220e0}.site-nav.is-scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.site-nav-inner{justify-content:space-between;align-items:center;gap:var(--sp-6);height:72px;display:flex}.site-logo{align-items:center;gap:var(--sp-3);color:var(--text-primary);flex-shrink:0;display:flex}.site-logo:hover{color:var(--text-primary)}.site-logo-svg{width:auto;height:34px;transition:transform var(--transition-slow)}.site-logo:hover .site-logo-svg{transform:translateY(-1px)}[data-theme=dark] .site-logo-svg .mm-frame,[data-theme=dark] .site-logo-svg .mm-word{stroke:#cfdcf7;fill:#e8eefc}[data-theme=dark] .site-logo-svg .mm-frame{fill:none}.site-links{align-items:center;gap:var(--sp-1);flex:1;justify-content:center;display:flex}.site-link-wrap{position:relative}.site-link{border-radius:var(--radius);font-size:var(--text-base);color:var(--text-secondary);white-space:nowrap;transition:color var(--transition), background var(--transition);align-items:center;gap:4px;padding:8px 12px;font-weight:500;display:inline-flex}.site-link:hover{color:var(--brand-600);background:var(--bg-surface-2)}.site-link.is-active{color:var(--brand-600);font-weight:600}.services-menu{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:620px;max-width:calc(100vw - 48px);box-shadow:var(--shadow-xl);padding:var(--sp-4);animation:.16s both slideUp;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.services-menu-grid{grid-template-columns:1fr 1fr;gap:2px;display:grid}.services-menu-item{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius);color:var(--text-primary);transition:background var(--transition);display:flex}.services-menu-item:hover{background:var(--bg-surface-2);color:var(--text-primary)}.services-menu-icon{border-radius:var(--radius-sm);background:var(--brand-100);width:32px;height:32px;color:var(--brand-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .services-menu-icon{color:var(--brand-300);background:#16255c}.services-menu-item strong{font-size:var(--text-sm);font-weight:600;display:block}.services-menu-item small{-webkit-line-clamp:2;font-size:var(--text-xs);color:var(--text-muted);-webkit-box-orient:vertical;margin-top:2px;line-height:1.5;display:-webkit-box;overflow:hidden}.services-menu-all{justify-content:center;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);padding:var(--sp-3);border-top:1px solid var(--border);font-size:var(--text-sm);font-weight:600;display:flex}.site-nav-actions{align-items:center;gap:var(--sp-2);flex-shrink:0;display:flex}.site-burger{width:var(--touch);height:var(--touch);border-radius:var(--radius);color:var(--text-primary);justify-content:center;align-items:center;display:none}.site-mobile-menu{top:calc(72px + var(--safe-top));background:var(--bg-surface);-webkit-overflow-scrolling:touch;padding:var(--sp-5) max(var(--sp-5), var(--safe-right)) calc(var(--sp-10) + var(--safe-bottom)) max(var(--sp-5), var(--safe-left));border-top:1px solid var(--border);animation:.16s both fadeIn;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.mobile-link{min-height:var(--touch);padding:var(--sp-3) 0;font-size:var(--text-lg);color:var(--text-primary);border-bottom:1px solid var(--border);align-items:center;font-weight:600;display:flex}.mobile-link.is-active{color:var(--brand-600)}.site-mobile-services{margin-top:var(--sp-5)}.mobile-section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--sp-2);font-weight:700}.mobile-sublink{font-size:var(--text-base);color:var(--text-secondary);padding:9px 0;display:block}.site-mobile-actions{gap:var(--sp-3);margin-top:var(--sp-6);flex-direction:column;display:flex}@media (width<=1180px){.site-links{display:none}.site-burger{display:flex}.site-nav-inner{justify-content:space-between}}@media (width<=640px){.site-cta{display:none}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-up{transform:translateY(28px)}.reveal-left{transform:translate(-32px)}.reveal-right{transform:translate(32px)}.reveal-zoom{transform:scale(.94)}.reveal-fade{transform:none}.reveal.is-visible{opacity:1;transform:none}.reveal-stagger>*{transition-delay:calc(var(--i,0) * 80ms)}.rotating-words{vertical-align:bottom;white-space:nowrap;display:inline-grid;position:relative}.rotating-words>*{grid-area:1/1}.rotating-word{opacity:0;transform-origin:50% 100%;transition:opacity .45s,transform .55s cubic-bezier(.2,.7,.2,1);transform:translateY(60%)rotateX(-40deg)}.rotating-word.is-active{opacity:1;transform:none}.rotating-sizer{visibility:hidden}.floating-shapes{pointer-events:none;--px:0;--py:0;position:absolute;inset:0;overflow:hidden}.shape{animation:shape-float var(--dur,10s) ease-in-out infinite;translate:calc(var(--px) * var(--d,1) * 28px) calc(var(--py) * var(--d,1) * 28px);transition:translate .6s ease-out;display:block;position:absolute}.shape-frame{border:4px solid var(--brand-400);opacity:.35;rotate:var(--rot,-8deg);border-radius:6px}.shape-frame.is-small{border-width:3px}.shape-ring{border:10px solid var(--brand-200);opacity:.55;border-radius:50%}.shape-dot{background:var(--brand-300);opacity:.7;border-radius:50%}.shape-dot.is-brand{background:var(--brand-600);opacity:.45}.shape-cross{opacity:.5;background:linear-gradient(var(--brand-500), var(--brand-500)) center / 100% 4px no-repeat, linear-gradient(var(--brand-500), var(--brand-500)) center / 4px 100% no-repeat;rotate:20deg}.shape-blob{background:radial-gradient(circle at 30% 30%, var(--brand-200), transparent 65%);filter:blur(30px);opacity:.8;border-radius:50%}.shape-blob.is-two{opacity:.55;background:radial-gradient(circle at 60% 40%,#ffd7a8,#0000 65%)}[data-theme=dark] .shape-blob{background:radial-gradient(circle at 30% 30%,#5d80cf73,#0000 65%)}[data-theme=dark] .shape-blob.is-two{background:radial-gradient(circle at 60% 40%,#ffab5e40,#0000 65%)}[data-theme=dark] .shape-ring{border-color:#8aa6e059}@keyframes shape-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-18px)rotate(6deg)}}.scroll-progress{z-index:1000;transform-origin:0;background:linear-gradient(90deg, var(--brand-500), var(--brand-300));pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{gap:var(--sp-12);width:max-content;animation:marquee var(--speed,40s) linear infinite;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.wave{width:100%;height:60px;fill:var(--bg-surface-2);display:block}.wave.is-flipped{transform:scaleY(-1)}.hover-lift{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 22px 40px -20px #0f172a59}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";background:linear-gradient(120deg,#0000,#ffffff73,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-80%;transform:skew(-20deg)}.btn-shine:hover:after{left:130%}.pulse-ring{position:relative}.pulse-ring:before{content:"";border-radius:inherit;border:2px solid var(--brand-400);pointer-events:none;animation:2.2s ease-out infinite pulse-ring;position:absolute;inset:-6px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.shape,.marquee-track,.pulse-ring:before{animation:none}.hover-lift{transition:none}}.site-footer{color:#cbd5e1;padding:var(--sp-16) 0 var(--sp-6);background:linear-gradient(#1a2b55 0%,#0f172a 100%);position:relative;overflow:hidden}.footer-shapes{opacity:.5}.footer-shapes .shape-frame{border-color:#5d80cf}.footer-shapes .shape-ring{border-color:#8aa6e059}.footer-shapes .shape-blob{background:radial-gradient(circle at 30% 30%,#3b82f659,#0000 65%)}.footer-content{z-index:1;position:relative}.footer-grid{gap:var(--sp-10);padding-bottom:var(--sp-10);border-bottom:1px solid #1e293b;grid-template-columns:1.6fr 1fr 1fr 1.2fr;display:grid}.footer-logo{margin-bottom:var(--sp-4);display:inline-block}.footer-logo-svg{width:auto;height:110px}.footer-tagline{font-size:var(--text-base);color:#94a3b8;max-width:380px;margin-bottom:var(--sp-5);line-height:1.7}.footer-social{gap:var(--sp-2);display:flex}.footer-social-link{border-radius:var(--radius);color:#cbd5e1;width:36px;height:36px;transition:background var(--transition), color var(--transition), transform var(--transition);background:#1e293b;justify-content:center;align-items:center;display:flex}.footer-social-link:hover{background:var(--brand-600);color:#fff;transform:translateY(-2px)}.footer-col h4{font-size:var(--text-sm);color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-4);font-weight:700}.footer-col ul{gap:var(--sp-3);flex-direction:column;display:flex}.footer-col a{font-size:var(--text-base);color:#94a3b8;transition:color var(--transition)}.footer-col a:hover{color:#fff}.footer-contact li{align-items:flex-start;gap:var(--sp-3);font-size:var(--text-base);color:#94a3b8;line-height:1.6;display:flex}.footer-contact svg{color:var(--brand-400);flex-shrink:0;margin-top:3px}.footer-cta{margin-top:var(--sp-5)}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--sp-4);padding-top:var(--sp-5);font-size:var(--text-sm);color:#64748b;flex-wrap:wrap;display:flex}.footer-legal{gap:var(--sp-5);flex-wrap:wrap;display:flex}.footer-legal a{color:#64748b}.footer-legal a:hover{color:#fff}@media (width<=1024px){.footer-grid{gap:var(--sp-8);grid-template-columns:1fr 1fr}}@media (width<=640px){.site-footer{padding-top:var(--sp-10);margin-top:var(--sp-12);padding-bottom:calc(var(--sp-8) + var(--safe-bottom))}.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}}.public-shell{--brand-50:#eef3fb;--brand-100:#d9e3f7;--brand-200:#b7c9ee;--brand-300:#8aa6e0;--brand-400:#5d80cf;--brand-500:#3b60b7;--brand-600:#2c4c9c;--brand-700:#253f80;--brand-800:#1f3468;--brand-900:#1a2b55;--accent:#f59e0b;--accent-soft:#fff3d6;--g-brand:linear-gradient(135deg, #1a2b55 0%, #2c4c9c 55%, #3b82f6 100%);--g-text:linear-gradient(90deg, #1f3468 0%, #2c4c9c 50%, #3b82f6 100%);--g-glow:0 10px 24px #2c4c9c47;--border-focus:var(--brand-600);background:var(--bg-surface);flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}[data-theme=dark] .public-shell{--brand-50:#16213f;--brand-100:#1d2c52;--accent-soft:#3b2508}.public-main{flex:1;min-width:0}.wa-fab{right:max(16px, var(--safe-right));bottom:max(16px, var(--safe-bottom));z-index:400;color:#fff;background:#147d6b;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:fixed;box-shadow:0 4px 20px #0003}.wa-fab:hover{color:#fff}.public-shell .btn{border-radius:10px}.public-shell .btn-primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff;box-shadow:var(--g-glow)}.public-shell .btn-primary:hover:not(:disabled){background:var(--brand-700);border-color:var(--brand-700);transform:translateY(-1px)}.public-shell .btn-secondary:hover:not(:disabled){border-color:var(--brand-300);color:var(--brand-700)}[data-theme=dark] .public-shell .btn-secondary:hover:not(:disabled){color:var(--brand-300)}.public-shell .text-gradient{background:var(--g-text);color:#0000;-webkit-background-clip:text;background-clip:text}[data-theme=dark] .public-shell .text-gradient{background:linear-gradient(90deg,#8aa6e0 0%,#b7c9ee 50%,#93c5fd 100%);-webkit-background-clip:text;background-clip:text}.framed-photo{isolation:isolate;display:block;position:relative}.framed-photo img{object-fit:cover;border-radius:14px;width:100%;height:100%;display:block;box-shadow:0 30px 60px -30px #0f172a73}.framed-photo:before{content:"";border:4px solid var(--brand-600);z-index:-1;opacity:.9;border-radius:14px;transition:translate .5s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;translate:22px 22px}.framed-photo:hover:before{translate:14px 14px}.framed-photo.is-accent:before{border-color:var(--accent)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:200;max-width:100vw;transition:width var(--transition), transform var(--transition);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar.is-collapsed{width:var(--sidebar-width-collapsed)}.sidebar-brand{justify-content:space-between;align-items:center;gap:var(--sp-2);height:var(--topbar-height);padding:0 var(--sp-4);border-bottom:1px solid var(--sidebar-border);flex-shrink:0;display:flex}.brand-link{align-items:center;gap:var(--sp-3);color:#fff;min-width:0;display:flex}.brand-link:hover{color:#fff}.brand-logo{width:auto;height:30px}.brand-logo-mark{flex-shrink:0;width:32px;height:32px}.sidebar.is-collapsed .sidebar-brand{gap:4px;padding:0 6px 0 8px}.brand-text{flex-direction:column;gap:2px;min-width:0;line-height:1.2;display:flex}.brand-text strong{font-size:var(--text-md);color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.brand-text small{color:var(--sidebar-text-muted);font-size:11px}.sidebar-collapse-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--sidebar-text-muted);transition:background var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-collapse-btn:hover{background:var(--sidebar-bg-hover);color:#fff}.sidebar-nav{padding:var(--sp-4) var(--sp-3);flex:1;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:#2a3a56;border:none;border-radius:3px}.nav-section-label{text-transform:uppercase;letter-spacing:.09em;color:var(--sidebar-text-muted);padding:0 var(--sp-3);margin-bottom:var(--sp-2);font-size:10px;font-weight:700}.nav-section-divider{background:var(--sidebar-border);height:1px;margin:var(--sp-3) var(--sp-2)}.nav-link{align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);min-height:var(--touch);border-radius:var(--radius);color:var(--sidebar-text);font-size:var(--text-base);transition:background var(--transition), color var(--transition);margin-bottom:2px;font-weight:500;display:flex;position:relative}.nav-link:hover{background:var(--sidebar-bg-hover);color:#fff}.nav-link.is-active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600;box-shadow:0 2px 8px #2563eb59}.nav-icon{flex-shrink:0}.nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar.is-collapsed .nav-link{justify-content:center;padding:10px}.sidebar-footer{padding:var(--sp-3) var(--sp-4) var(--sp-4);border-top:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-site-link{align-items:center;gap:var(--sp-2);padding:8px var(--sp-2);border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:var(--text-sm);transition:background var(--transition), color var(--transition);font-weight:500;display:flex}.sidebar-site-link:hover{background:var(--sidebar-bg-hover);color:#fff}.sidebar.is-collapsed .sidebar-site-link{justify-content:center}.sidebar-role{color:var(--sidebar-text-muted);padding:var(--sp-2) var(--sp-2) 0;font-size:11px}.sidebar-role strong{color:var(--sidebar-text)}.sidebar-overlay{z-index:190;background:#0f172a80;animation:.14s both fadeIn;position:fixed;inset:0}@media (width<=1024px){.sidebar{width:var(--sidebar-width);box-shadow:var(--shadow-xl);transform:translate(-100%)}.sidebar.is-collapsed{width:var(--sidebar-width)}.sidebar.is-mobile-open{transform:translate(0)}.sidebar.is-collapsed .nav-link{padding:9px var(--sp-3);justify-content:flex-start}.sidebar-collapse-btn{display:none}}@media (width>=1025px){.sidebar-overlay{display:none}}.nav-group-toggle{text-align:left;width:100%;min-height:44px;color:var(--sidebar-text);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.nav-group-toggle span{flex:1}.nav-group-toggle:hover,.nav-group-toggle[aria-expanded=true]{color:#fff;background:#1b2d3c}.nav-section+.nav-section{margin-top:5px}.nav-section ul[hidden]{display:none}.sidebar:not(.is-collapsed) .nav-group-toggle+ul{border-left:1px solid #344553;margin:6px 0 8px 20px;padding-left:8px}.sidebar:not(.is-collapsed) .nav-group-toggle+ul .nav-link{padding:8px 10px;font-size:12px}.sidebar-brand{height:78px}.brand-text small{letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:10px}.sidebar-nav{padding-top:24px}@media (width<=1024px){.sidebar.is-mobile-open .nav-group-toggle+ul{border-left:1px solid #344553;margin:6px 0 8px 20px;padding-left:8px}}.avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--bg-surface-3);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-fallback{letter-spacing:.02em;color:#fff;-webkit-user-select:none;user-select:none;font-weight:700}.avatar-fallback.tone-a{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.avatar-fallback.tone-b{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.avatar-fallback.tone-c{background:linear-gradient(135deg,#0891b2,#0e7490)}.avatar-fallback.tone-d{background:linear-gradient(135deg,#16a34a,#15803d)}.avatar-fallback.tone-e{background:linear-gradient(135deg,#ea580c,#c2410c)}.avatar-fallback.tone-f{background:linear-gradient(135deg,#db2777,#be185d)}.avatar-group{align-items:center;display:flex}.avatar-group .avatar{border:2px solid var(--bg-surface);margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.topbar{z-index:150;height:calc(var(--topbar-height) + var(--safe-top));justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--safe-top) var(--sp-5) 0;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:var(--sp-2);display:flex}.topbar-menu-btn{width:var(--touch);height:var(--touch);border-radius:var(--radius);color:var(--text-secondary);justify-content:center;align-items:center;display:none}.topbar-menu-btn:hover{background:var(--bg-hover)}.topbar-date{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 12px;font-weight:600;display:flex}.topbar-date em{color:var(--text-muted);margin-left:var(--sp-2);padding-left:var(--sp-2);border-left:1px solid var(--border);font-style:normal;font-weight:400}.topbar-icon-btn{border-radius:var(--radius);width:36px;height:36px;color:var(--text-secondary);transition:background var(--transition), color var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-badge{border-radius:var(--radius-full);background:var(--danger);color:#fff;border:2px solid var(--bg-surface);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:3px;right:3px}.topbar-dropdown{position:relative}.topbar-profile{align-items:center;gap:var(--sp-2);border-radius:var(--radius-full);transition:background var(--transition);padding:4px 8px 4px 4px;display:flex}.topbar-profile:hover{background:var(--bg-hover)}.topbar-profile-text{text-align:left;flex-direction:column;max-width:150px;line-height:1.25;display:flex}.topbar-profile-text strong{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.topbar-profile-text small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.topbar-profile-caret{color:var(--text-muted)}.dropdown-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:300;animation:.14s both slideUp;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notifications-panel{width:340px;max-width:calc(100vw - 32px)}.profile-panel{width:250px;padding:var(--sp-2)}.dropdown-head{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.link-btn{font-size:var(--text-xs);color:var(--brand-600);font-weight:600}.link-btn:hover{text-decoration:underline}.notifications-list{max-height:340px;overflow-y:auto}.notification-item{gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--border);transition:background var(--transition);display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-hover)}.notification-dot{background:0 0;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.notification-item.is-unread .notification-dot{background:var(--brand-600)}.notification-item.is-unread strong{color:var(--text-primary)}.notification-body{flex-direction:column;gap:2px;min-width:0;display:flex}.notification-body strong{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.notification-message{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-time{color:var(--text-muted);font-size:11px}.dropdown-empty{padding:var(--sp-8) var(--sp-4);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.dropdown-foot{padding:var(--sp-3);text-align:center;font-size:var(--text-sm);border-top:1px solid var(--border);background:var(--bg-surface-2);font-weight:600;display:block}.profile-head{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-bottom:1px solid var(--border);margin-bottom:var(--sp-2);display:flex}.profile-head strong{font-size:var(--text-sm);font-weight:600;display:block}.profile-head span{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;display:block;overflow:hidden}.dropdown-item{align-items:center;gap:var(--sp-3);width:100%;padding:9px var(--sp-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);text-align:left;transition:background var(--transition), color var(--transition);font-weight:500;display:flex}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.is-danger{color:var(--danger)}.dropdown-item.is-danger:hover{background:var(--danger-soft)}.dropdown-divider{background:var(--border);height:1px;margin:var(--sp-2) 0}@media (width<=1024px){.topbar-menu-btn{display:flex}}@media (width<=768px){.topbar{padding:0 var(--sp-4)}.topbar-date em,.topbar-profile-text{display:none}}@media (width<=480px){.topbar-date{display:none}}.admin-shell{background:var(--bg-body);min-height:100dvh}.admin-main{margin-left:var(--sidebar-width);min-height:100dvh;transition:margin-left var(--transition);flex-direction:column;min-width:0;display:flex}.admin-shell.is-collapsed .admin-main{margin-left:var(--sidebar-width-collapsed)}.admin-content{padding:var(--sp-6);flex:1;min-width:0;max-width:100%}@media (width<=1024px){.admin-main,.admin-shell.is-collapsed .admin-main{margin-left:0}}@media (width<=640px){.admin-content{padding:var(--sp-4);padding-bottom:calc(var(--sp-8) + var(--safe-bottom))}}@media print{.sidebar,.topbar,.sidebar-overlay,.page-header,.no-print,.toast-stack,.toast-container{display:none!important}.admin-main,.admin-shell.is-collapsed .admin-main{margin-left:0!important}.admin-content{padding:0!important}.admin-shell{background:#fff}}.spinner{vertical-align:middle;border-style:solid;border-color:currentColor #0000 currentColor currentColor;border-radius:50%;animation:.7s linear infinite spin;display:inline-block}.page-loader{justify-content:center;align-items:center;gap:var(--sp-4);min-height:320px;color:var(--text-muted);flex-direction:column;display:flex}.page-loader p{font-size:var(--text-sm)}.inline-loader{align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--text-sm);padding:var(--sp-4);display:inline-flex}.skeleton-table{padding:var(--sp-2) 0}.skeleton-row{gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);align-items:center;display:flex}.skeleton-cell{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--bg-surface-3) 25%, var(--bg-hover) 50%, var(--bg-surface-3) 75%);background-size:800px 100%;height:14px;animation:1.4s linear infinite shimmer;display:block}.skeleton-cards{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-5)}.resource-page{animation:.18s both fadeIn}.admin-form-grid{gap:0 var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.admin-form-grid>.span-2,.admin-form-grid .form-section-title{grid-column:1/-1}.admin-error{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm);margin-bottom:var(--sp-4);display:flex}.admin-error svg{flex-shrink:0}.admin-error span{flex:1}.detail-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-5)}.detail-card:last-child{margin-bottom:0}.detail-card-head{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex}.detail-card-head h3{font-size:var(--text-md);font-weight:700}.detail-card-body{padding:var(--sp-5)}.detail-card-body.is-flush{padding:0}.detail-hero{justify-content:space-between;align-items:flex-start;gap:var(--sp-5);padding:var(--sp-5);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.detail-hero-main{gap:var(--sp-4);align-items:center;min-width:0;display:flex}.detail-hero-title{font-size:var(--text-xl);margin-bottom:4px;font-weight:700;line-height:1.25}.detail-hero-meta{align-items:center;gap:var(--sp-3);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.detail-hero-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.metric-row{gap:var(--sp-4);margin-bottom:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.metric-tile{padding:var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.metric-tile .label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-weight:600;display:block}.metric-tile .value{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:700;display:block}.metric-tile.is-danger .value{color:var(--danger)}.metric-tile.is-success .value{color:var(--success)}.metric-tile.is-warning .value{color:var(--warning)}.metric-tile.is-brand .value{color:var(--brand-600)}.mini-list{flex-direction:column;display:flex}.mini-list-item{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border);font-size:var(--text-sm);display:flex}.mini-list-item:last-child{border-bottom:none}.mini-list-item .main{flex-direction:column;min-width:0;display:flex}.mini-list-item .main strong{color:var(--text-primary);font-weight:600}.mini-list-item .main span{font-size:var(--text-xs);color:var(--text-muted)}.kanban-board{gap:var(--sp-4);padding-bottom:var(--sp-4);-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;overflow-x:auto}.kanban-column{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;flex:0 0 min(290px,100vw - 48px);max-height:calc(100dvh - 260px);display:flex}.kanban-column.is-drop-target{border-color:var(--brand-500);background:var(--brand-50)}[data-theme=dark] .kanban-column.is-drop-target{background:#16255c}.kanban-column-head{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--bg-surface-2);border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:1;display:flex;position:sticky;top:0}.kanban-column-title{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);font-weight:700;display:flex}.kanban-count{border-radius:var(--radius-full);background:var(--bg-surface-3);min-width:20px;height:20px;color:var(--text-secondary);justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.kanban-value{font-size:var(--text-xs);color:var(--brand-600);font-weight:700}.kanban-cards{padding:var(--sp-3);gap:var(--sp-3);flex-direction:column;flex:1;min-height:90px;display:flex;overflow-y:auto}.kanban-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);cursor:grab;transition:box-shadow var(--transition), transform var(--transition), border-color var(--transition)}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-300)}.kanban-card:active{cursor:grabbing}.kanban-card.is-dragging{opacity:.45}.kanban-card-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:4px;font-weight:600;display:block}.kanban-card-sub{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--sp-2)}.kanban-card-foot{justify-content:space-between;align-items:center;gap:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--border);display:flex}.kanban-card-value{font-size:var(--text-sm);color:var(--brand-600);font-weight:700}.kanban-empty{text-align:center;padding:var(--sp-6) var(--sp-3);font-size:var(--text-xs);color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius)}.print-sheet{color:#0f172a;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-10);background:#fff;max-width:840px;margin-inline:auto}.print-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-6);padding-bottom:var(--sp-6);margin-bottom:var(--sp-6);border-bottom:2px solid #0f172a;flex-wrap:wrap;display:flex}.print-logo{width:auto;height:72px;margin-bottom:6px;display:block}.print-company h2{font-size:var(--text-xl);color:#0f172a;margin-bottom:4px}.print-company p{font-size:var(--text-sm);color:#475569;line-height:1.6}.print-title{text-align:right}.print-title h1{font-size:var(--text-2xl);letter-spacing:.06em;text-transform:uppercase;color:#0f172a;margin-bottom:6px}.print-title p{font-size:var(--text-sm);color:#475569}.print-parties{gap:var(--sp-6);margin-bottom:var(--sp-6);grid-template-columns:1fr 1fr;display:grid}.print-party h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:6px}.print-party strong{font-size:var(--text-md);color:#0f172a;margin-bottom:3px;display:block}.print-party p{font-size:var(--text-sm);color:#475569;line-height:1.6}.print-table{width:100%;margin-bottom:var(--sp-5)}.print-table th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:#475569;text-align:left;background:#f1f5f9;border-bottom:1px solid #cbd5e1;padding:10px 12px}.print-table td{font-size:var(--text-sm);color:#0f172a;border-bottom:1px solid #e2e8f0;padding:11px 12px}.print-table .num{text-align:right}.print-totals{width:300px;margin-left:auto}.print-total-row{font-size:var(--text-sm);color:#475569;justify-content:space-between;padding:7px 0;display:flex}.print-total-row.is-grand{font-size:var(--text-lg);color:#0f172a;border-top:2px solid #0f172a;margin-top:6px;padding-top:11px;font-weight:800}.print-total-row.is-balance{color:#dc2626;font-weight:700}.print-foot{margin-top:var(--sp-8);padding-top:var(--sp-5);font-size:var(--text-sm);color:#475569;border-top:1px solid #e2e8f0;line-height:1.7}@media print{.print-sheet{border:none;max-width:none;padding:0}body{background:#fff}}.status-strip{padding:var(--sp-2);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-5);gap:2px;display:flex;overflow-x:auto}.status-step{border-radius:var(--radius-sm);min-width:110px;font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;transition:background var(--transition), color var(--transition);flex:1;padding:9px 12px;font-weight:600}.status-step:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.status-step.is-active{background:var(--brand-600);color:#fff}.status-step.is-lost.is-active{background:var(--danger)}.status-step:disabled{opacity:.6;cursor:wait}.access-denied{text-align:center;min-height:60vh;padding:var(--sp-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.access-denied-icon{border-radius:var(--radius-full);background:var(--danger-soft);width:72px;height:72px;color:var(--danger);margin-bottom:var(--sp-5);justify-content:center;align-items:center;display:flex}.access-denied h1{font-size:var(--text-xl);margin-bottom:var(--sp-3)}.access-denied p{font-size:var(--text-base);color:var(--text-muted);max-width:440px;margin-bottom:var(--sp-6);line-height:1.7}.access-denied code{font-size:var(--text-sm)}.inline-form-row{gap:var(--sp-3);flex-wrap:wrap;align-items:flex-end;display:flex}.inline-form-row .form-group{flex:1;min-width:150px;margin-bottom:0}.tag-list{gap:var(--sp-2);flex-wrap:wrap;display:flex}.progress-bar{background:var(--bg-surface-3);border-radius:var(--radius-full);min-width:80px;height:6px;overflow:hidden}.progress-fill{background:var(--brand-600);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);display:block}@media (width<=640px){.admin-form-grid{grid-template-columns:1fr}.print-sheet{padding:var(--sp-5)}.print-parties{grid-template-columns:1fr}.print-totals{width:100%}.detail-hero{padding:var(--sp-4)}.detail-hero-actions{width:100%}.detail-hero-actions .btn{flex:1}.metric-row{grid-template-columns:1fr 1fr}}.code-block{max-height:320px;padding:var(--sp-3) var(--sp-4);background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word;line-height:1.5;overflow:auto}.stack-list{flex-direction:column;gap:8px;display:flex}.check-row{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.check-row input{margin-top:3px}.page-section+.page-section{margin-top:var(--sp-6)}.section-title{font-size:var(--text-lg);margin-bottom:var(--sp-4);font-weight:700}.stat-grid{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));display:grid}.chart-grid{gap:var(--sp-5);margin-bottom:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.chart-grid-2{gap:var(--sp-5);margin-bottom:var(--sp-6);grid-template-columns:2fr 1fr;display:grid}.detail-grid{gap:var(--sp-5);grid-template-columns:1fr 340px;align-items:start;display:grid}.info-list{gap:var(--sp-3);flex-direction:column;display:flex}.info-row{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);font-size:var(--text-base);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);display:flex}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{color:var(--text-muted);font-size:var(--text-sm);flex-shrink:0}.info-value{text-align:right;word-break:break-word;font-weight:600}.summary-strip{gap:var(--sp-6);padding:var(--sp-4) var(--sp-5);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.summary-item{flex-direction:column;gap:2px;display:flex}.summary-item .label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.summary-item .value{font-size:var(--text-lg);font-weight:700}.list-shell .pagination{border-radius:0 0 var(--radius-md) var(--radius-md);border:1px solid var(--border);border-top:none}.timeline{gap:var(--sp-4);padding-left:var(--sp-6);flex-direction:column;display:flex;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:6px;bottom:6px;left:7px}.timeline-item{position:relative}.timeline-item:before{content:"";left:calc(-1 * var(--sp-6) + 2px);background:var(--bg-surface);border:2px solid var(--brand-500);border-radius:50%;width:12px;height:12px;position:absolute;top:5px}.timeline-title{font-size:var(--text-base);font-weight:600}.timeline-body{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px;line-height:1.6}.timeline-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:3px}@media (width<=1100px){.detail-grid,.chart-grid-2{grid-template-columns:1fr}}@media (width<=640px){.stat-grid,.chart-grid{grid-template-columns:1fr}.info-row{flex-direction:column;gap:2px}}:root{--brand-50:#effaf7;--brand-100:#d7f1e9;--brand-200:#afe2d4;--brand-300:#79cbb8;--brand-400:#43ae98;--brand-500:#24947f;--brand-600:#147d6b;--brand-700:#126555;--brand-800:#135145;--brand-900:#123f38;--navy-700:#1e293b;--navy-800:#172033;--navy-900:#0f172a;--navy-950:#0a1120;--success:#16a34a;--success-soft:#dcfce7;--warning:#d97706;--warning-soft:#fef3c7;--danger:#dc2626;--danger-soft:#fee2e2;--info:#0891b2;--info-soft:#cffafe;--purple:#7c3aed;--purple-soft:#ede9fe;--bg-body:#f3f5f6;--bg-surface:#fff;--bg-surface-2:#f8fafc;--bg-surface-3:#f3f5f6;--bg-hover:#f3f5f6;--bg-input:#fff;--bg-disabled:#f3f5f6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#69798c;--text-inverse:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--border-focus:var(--brand-600);--sidebar-bg:var(--navy-900);--sidebar-bg-hover:#1c2a41;--sidebar-text:#cbd5e1;--sidebar-text-muted:#96a6bb;--sidebar-active-bg:var(--brand-600);--sidebar-active-text:#fff;--sidebar-border:#1e293b;--g-brand:linear-gradient(135deg, #123f38 0%, #147d6b 52%, #0ea5e9 100%);--g-brand-hover:linear-gradient(135deg, #135145 0%, #126555 52%, #0284c7 100%);--g-brand-soft:linear-gradient(135deg, #2563eb1f, #0ea5e91f);--g-accent:linear-gradient(135deg, #4338ca 0%, #7c3aed 100%);--g-success:linear-gradient(135deg, #047857 0%, #10b981 100%);--g-warning:linear-gradient(135deg, #b45309 0%, #f59e0b 100%);--g-danger:linear-gradient(135deg, #b91c1c 0%, #f43f5e 100%);--g-info:linear-gradient(135deg, #0e7490 0%, #22d3ee 100%);--g-purple:linear-gradient(135deg, #5b21b6 0%, #a78bfa 100%);--g-neutral:linear-gradient(135deg, #334155 0%, #64748b 100%);--g-dark:linear-gradient(135deg, #0f172a 0%, #123f38 58%, #0369a1 100%);--g-sidebar:linear-gradient(180deg, #0c1a3d 0%, #0f172a 42%, #0a1120 100%);--g-sidebar-glow:radial-gradient(520px 260px at 0% 0%, #2563eb59, transparent 65%);--g-text:linear-gradient(90deg, #123f38 0%, #147d6b 55%, #0891b2 100%);--g-body:radial-gradient(1100px 520px at 100% -8%, #0ea5e917, transparent 60%), radial-gradient(900px 480px at -8% 100%, #2563eb12, transparent 60%);--g-glow:0 6px 18px #2563eb47;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--shadow-lg:0 12px 28px #0f172a1f, 0 4px 8px #0f172a0f;--shadow-xl:0 24px 48px #0f172a29;--radius-sm:6px;--radius:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--sidebar-width:248px;--sidebar-width-collapsed:72px;--topbar-height:64px;--container:1200px;--container-wide:1400px;--touch:44px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--transition:.16s cubic-bezier(.4, 0, .2, 1);--transition-slow:.32s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-body:#0b1220;--bg-surface:#131c2e;--bg-surface-2:#18233a;--bg-surface-3:#1e2b45;--bg-hover:#1e2b45;--bg-input:#18233a;--bg-disabled:#1a2438;--text-primary:#e8eefc;--text-secondary:#a3b1cc;--text-muted:#9aaac2;--text-inverse:#0f172a;--border:#253352;--border-strong:#33456b;--sidebar-bg:#0a1120;--sidebar-bg-hover:#16203a;--sidebar-border:#1a2540;--success-soft:#052e16;--warning-soft:#3b2508;--danger-soft:#3d0f0f;--info-soft:#083344;--purple-soft:#2a1a52;--g-text:linear-gradient(90deg, #79cbb8 0%, #43ae98 50%, #22d3ee 100%);--g-body:radial-gradient(1100px 520px at 100% -8%, #0ea5e91a, transparent 60%), radial-gradient(900px 480px at -8% 100%, #2563eb1a, transparent 60%);--g-glow:0 6px 18px #2563eb73;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 28px #00000080;--shadow-xl:0 24px 48px #0000008c}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}html,body,#root{min-height:100dvh}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition), color var(--transition);line-height:1.6;overflow-x:clip}#root{isolation:isolate}body.is-nav-open{touch-action:none;overflow:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none}a{color:var(--brand-600);transition:color var(--transition);-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-decoration:none}a:hover{color:var(--brand-700)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.25}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}hr{border:none;border-top:1px solid var(--border);margin:var(--sp-6) 0}code{font-family:var(--font-mono);background:var(--bg-surface-3);border-radius:var(--radius-sm);padding:2px 6px;font-size:.9em}::selection{background:var(--brand-200);color:var(--navy-900)}:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);background-clip:content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--touch);border-radius:var(--radius);font-size:var(--text-base);white-space:nowrap;transition:background-color var(--transition), border-color var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);border:1px solid #0000;padding:9px 16px;font-weight:600;line-height:1.2;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn.is-loading{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand-600);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--brand-700);color:#fff}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){color:#fff;background:#b91c1c}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){color:#fff;background:#15803d}.btn-outline{color:var(--brand-600);border-color:var(--brand-600);background:0 0}.btn-outline:hover:not(:disabled){background:var(--brand-600);color:#fff}.btn-sm{font-size:var(--text-sm);border-radius:var(--radius-sm);padding:6px 12px}.btn-lg{font-size:var(--text-md);border-radius:var(--radius-md);padding:13px 26px}.btn-icon{border-radius:var(--radius-sm);width:34px;height:34px;padding:8px}.btn-block{width:100%}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-header{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex}.card-title{font-size:var(--text-md);font-weight:700}.card-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px;font-weight:400}.card-body{padding:var(--sp-5)}.card-footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);background:var(--bg-surface-2);border-radius:0 0 var(--radius-md) var(--radius-md)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;background:var(--bg-surface-3);color:var(--text-secondary);align-items:center;gap:5px;padding:3px 10px;font-weight:600;line-height:1.5;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-brand{background:var(--brand-100);color:var(--brand-700)}.badge-purple{background:var(--purple-soft);color:var(--purple)}.badge-neutral{background:var(--bg-surface-3);color:var(--text-secondary)}[data-theme=dark] .badge-brand{color:var(--brand-300);background:#16255c}[data-theme=dark] .badge-success{color:#4ade80}[data-theme=dark] .badge-warning{color:#fbbf24}[data-theme=dark] .badge-danger{color:#f87171}[data-theme=dark] .badge-info{color:#22d3ee}[data-theme=dark] .badge-purple{color:#a78bfa}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.form-group{margin-bottom:var(--sp-4)}.form-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:6px;font-weight:600;display:block}.form-label .required{color:var(--danger);margin-left:2px}.form-control,.form-select,.form-textarea{width:100%;max-width:100%;min-height:var(--touch);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);padding:9px 12px}.form-control::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-control:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-600);box-shadow:0 0 0 3px var(--brand-100);outline:none}[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{box-shadow:0 0 0 3px #2563eb40}.form-control:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--bg-disabled);color:var(--text-muted);cursor:not-allowed}.form-control.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:var(--danger)}.form-control.is-invalid:focus,.form-select.is-invalid:focus,.form-textarea.is-invalid:focus{box-shadow:0 0 0 3px var(--danger-soft)}.form-textarea{resize:vertical;min-height:96px}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:34px}.form-error{font-size:var(--text-xs);color:var(--danger);margin-top:5px;font-weight:500;display:block}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:5px;display:block}.form-row{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.form-row-2{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.form-row-3{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.form-row-4{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.form-check{align-items:center;gap:var(--sp-2);cursor:pointer;font-size:var(--text-base);display:flex}.form-check input[type=checkbox],.form-check input[type=radio]{width:16px;height:16px;accent-color:var(--brand-600);cursor:pointer;flex-shrink:0}.form-actions{gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--border);margin-top:var(--sp-5);justify-content:flex-end;display:flex}.form-section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:var(--sp-6) 0 var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border);font-weight:700}.form-section-title:first-child{margin-top:0}.container{width:100%;max-width:var(--container);padding-inline:var(--sp-5);margin-inline:auto}.container-wide{width:100%;max-width:var(--container-wide);padding-inline:var(--sp-5);margin-inline:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.grid{display:grid}.grid-2{gap:var(--sp-5);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--sp-5);grid-template-columns:repeat(4,1fr);display:grid}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-brand{color:var(--brand-600)}.text-center{text-align:center}.text-right{text-align:right}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mono{font-family:var(--font-mono);font-size:.92em}.mt-0{margin-top:0}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mt-6{margin-top:var(--sp-6)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.mb-6{margin-bottom:var(--sp-6)}.w-full{width:100%}.hidden{display:none}.divider{background:var(--border);height:1px;margin:var(--sp-5) 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-fade{animation:fadeIn var(--transition-slow) both}.animate-up{animation:slideUp var(--transition-slow) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1024px){.grid-4,.grid-3,.form-row-4,.form-row-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.form-control,.form-select,.form-textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea{font-size:16px}.btn-icon{width:var(--touch);height:var(--touch);padding:0}}@media (width<=640px){.grid-2,.grid-3,.grid-4,.form-row-2,.form-row-3,.form-row-4{grid-template-columns:1fr}.container,.container-wide{padding-inline:max(var(--sp-4), var(--safe-left)) max(var(--sp-4), var(--safe-right))}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media print{.no-print{display:none!important}body{background:#fff}}html .btn-primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff;box-shadow:0 2px 3px #0f172a12}html .btn-primary:hover:not(:disabled){background:var(--brand-700);border-color:var(--brand-700)}html .page-title{color:var(--text-primary);letter-spacing:-.035em}html .brand-mark,html .auth-brand-mark{background:var(--brand-600);box-shadow:none}html .sidebar{background:#111e2b;border-color:#233341}html .nav-link.is-active{color:#b5f1dd;box-shadow:none;background:#203e40}html .topbar{background:var(--bg-surface);border-bottom:1px solid var(--border)}html .data-table thead th{background:var(--bg-surface-2)}html .data-table tbody td{padding-top:15px;padding-bottom:15px}html .stat-card{box-shadow:none;border-radius:14px}html .stat-card-link:hover{border-color:var(--brand-300);box-shadow:var(--shadow-sm)}html .stat-label{color:var(--text-secondary)}html .stat-value{letter-spacing:-.04em;font-size:clamp(1.5rem,2.4vw,2rem)}html .dashboard-period{background:var(--brand-50);color:var(--brand-700)}html[data-theme=dark] .dashboard-period{color:#afe2d4;background:#183b38;border-color:#28564e}html[data-theme=dark] .stat-icon-brand{color:#afe2d4;background:#183b38}:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--brand-400);outline-offset:3px}@media (width<=768px){html .dashboard-lists,html .chart-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}