@import url("https://api.fontshare.com/v2/css?f[]=clash-display@700,600,500&f[]=satoshi@400,500,600,700&display=swap");:root{--white:#fff;--cream:#e4dfd9;--cream-2:#dcd6ce;--cream-3:#d0c9bf;--navy:#23272b;--navy-2:#2c3136;--navy-3:#363b41;--navy-lt:#8c9cab;--sky:#b9924f;--sky-2:#c9a868;--sky-dk:#9c7a3c;--sky-bg:rgba(185,146,79,.08);--sky-border:rgba(185,146,79,.2);--indigo:#b9924f;--indigo-dk:#9c7a3c;--indigo-lt:#d9b876;--indigo-bg:rgba(185,146,79,.08);--indigo-border:rgba(185,146,79,.2);--ink:#1b1a17;--ink-2:#2a2925;--ink-3:#3d3b36;--text-h:var(--ink);--text-body:#3d3b36;--text-sub:#6b6862;--text-muted:#9a9689;--text-dim:#d4cfc5;--bg:var(--cream);--surface-1:var(--white);--surface-2:var(--cream-2);--surface-3:var(--cream-3);--card:var(--white);--border:rgba(27,26,23,.1);--border-md:rgba(27,26,23,.16);--border-dk:rgba(27,26,23,.24);--primary:var(--indigo);--primary-dk:var(--indigo-dk);--primary-lt:var(--indigo-lt);--primary-bg:var(--indigo-bg);--primary-border:var(--indigo-border);--grad-primary:linear-gradient(135deg,#b9924f,#9c7a3c);--grad-navy:linear-gradient(140deg,#23272b,#141310);--grad-hero:linear-gradient(180deg,rgba(35,39,43,0),rgba(35,39,43,.6) 60%,rgba(35,39,43,.95));--grad-card:linear-gradient(145deg,#fff,#f7f5f1);--green:#2e9e6d;--green-bg:rgba(46,158,109,.08);--green-text:#1f7a54;--red:#b23a34;--red-bg:rgba(178,58,52,.08);--red-text:#96302b;--amber:#b9924f;--amber-bg:rgba(185,146,79,.08);--amber-text:#9c7a3c;--blue-bg:rgba(140,156,171,.1);--shadow-xs:0 1px 3px rgba(27,26,23,.06);--shadow-sm:0 2px 8px rgba(27,26,23,.08);--shadow-md:0 4px 20px rgba(27,26,23,.1);--shadow-lg:0 8px 40px rgba(27,26,23,.14);--shadow-xl:0 20px 60px rgba(27,26,23,.18);--shadow-blue:0 4px 24px rgba(185,146,79,.2);--font:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:"Clash Display","Archivo Black",Impact,sans-serif;--heading:"Clash Display","Satoshi",sans-serif;--r-xs:4px;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--gap:16px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--cream);color:var(--text-body);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:var(--font)}::selection{background:var(--indigo);color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--cream-2)}::-webkit-scrollbar-thumb{background:var(--cream-3);border-radius:3px}.site-header{background:var(--white);border-bottom:1px solid var(--border);height:62px;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-xs)}.site-header .container{display:flex;align-items:center;height:100%;max-width:1200px;margin:0 auto;padding:0 24px}.site-logo{font-family:var(--display);font-size:22px;font-weight:800;color:var(--ink);letter-spacing:.01em;margin-right:auto}.site-logo span{color:var(--indigo)}.app-shell{display:flex;min-height:100vh;background:var(--cream)}.sidebar{width:240px;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:50;box-shadow:var(--shadow-xs)}.sidebar-logo{padding:22px 20px 16px;border-bottom:1px solid var(--border)}.sidebar-logo-text{font-family:var(--display);font-size:20px;font-weight:800;color:var(--ink);letter-spacing:.01em}.sidebar-logo-sub,.sidebar-logo-text span{color:var(--indigo)}.sidebar-logo-sub{font-size:9px;margin-top:3px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.sidebar-user{gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.sidebar-avatar,.sidebar-user{display:flex;align-items:center}.sidebar-avatar{width:36px;height:36px;border-radius:var(--r-full);background:var(--grad-primary);color:#fff;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.sidebar-name{font-size:13px;font-weight:700;color:var(--ink)}.sidebar-rank{font-size:10px;color:var(--indigo);margin-top:2px;font-weight:600;letter-spacing:.04em}.sidebar-nav{flex:1 1;padding:10px;overflow-y:auto}.sidebar-section{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:12px 10px 6px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);color:var(--text-sub);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;border:none;background:none;width:100%;text-align:left}.sidebar-item:hover{background:var(--cream);color:var(--ink)}.sidebar-item.on{background:var(--indigo-bg);color:var(--indigo);font-weight:700;border:1px solid var(--indigo-border)}.sidebar-item i{font-size:16px;width:20px;flex-shrink:0}.sidebar-item .s-badge{margin-left:auto;background:var(--red);color:#fff;font-size:9px;font-weight:700;padding:1px 6px;border-radius:var(--r-full)}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--border);display:flex;gap:8px}.rail{width:60px;background:var(--white);border-right:1px solid var(--border);flex-direction:column;padding:14px 0;position:-webkit-sticky;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:50}.rail,.rail-logo{display:flex;align-items:center}.rail-logo{width:34px;height:34px;border-radius:var(--r-sm);background:var(--grad-primary);color:#fff;justify-content:center;font-size:13px;font-weight:800;margin-bottom:16px;font-family:var(--display)}.rail-nav{display:flex;flex-direction:column;gap:2px;width:100%;padding:0 8px;flex:1 1}.rail-item{width:44px;height:44px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s;border:none;background:none;font-size:19px;position:relative}.rail-item:hover{background:var(--cream);color:var(--ink)}.rail-item.on{background:var(--indigo-bg);color:var(--indigo)}.rail-item .badge{position:absolute;top:6px;right:6px;width:13px;height:13px;border-radius:50%;background:var(--red);color:#fff;font-size:7px;font-weight:800;display:flex;align-items:center;justify-content:center}.rail-item:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--ink);color:#fff;font-size:11px;font-weight:600;padding:5px 10px;border-radius:var(--r-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s;z-index:200}.rail-item:hover:after{opacity:1}.rail-divider{width:28px;height:1px;background:var(--border);margin:8px 0}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 8px}.app-main{flex:1 1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.app-topbar{height:56px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;flex-shrink:0;box-shadow:var(--shadow-xs)}.app-topbar-title{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.app-topbar-sub{font-size:11px;color:var(--text-muted)}.app-topbar-right{margin-left:auto;display:flex;gap:8px;align-items:center}.mobile-topbar{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--white);height:56px;padding:0 16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs)}.mobile-topbar-logo{font-family:var(--display);font-size:18px;font-weight:800;color:var(--ink)}.mobile-topbar-logo span{color:var(--indigo)}.app-content{flex:1 1;overflow-y:auto;padding:24px 24px 80px;display:flex;flex-direction:column;gap:16px;background:var(--cream)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 22px;box-shadow:var(--shadow-xs);transition:box-shadow .2s}.card-flush{padding:0}.card-bordered{border:1px solid var(--indigo-border)}.card-navy{background:var(--grad-navy);border:none;border-radius:var(--r-lg);padding:20px 22px;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:700;border-radius:var(--r-full);border:none;cursor:pointer;transition:all .2s;font-family:var(--font);white-space:nowrap;letter-spacing:.01em}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(185,146,79,.3)}.btn-primary:disabled{opacity:.5;transform:none;cursor:not-allowed}.btn-navy{background:var(--grad-navy);color:var(--ink)}.btn-navy:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-sub);border:1px solid var(--border)}.btn-ghost:hover{background:var(--cream);color:var(--ink);border-color:var(--border-md)}.btn-white{background:var(--white);color:var(--ink);border:1px solid var(--border)}.btn-white:hover{background:var(--cream)}.btn-danger{background:var(--red-bg);color:var(--red-text);border:1px solid rgba(178,58,52,.22)}.btn-danger:hover{background:rgba(178,58,52,.16)}.btn-full{width:100%}.btn-sm{padding:7px 14px;font-size:12px}.btn-xs{padding:5px 12px;font-size:11px;border-radius:var(--r-xs);min-height:30px}.btn-lg{padding:14px 32px}.btn-lg,.btn-xl{font-size:14px;font-weight:700}.btn-xl{padding:16px 40px;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-full)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field-label{font-size:11px;font-weight:700;color:var(--text-sub);letter-spacing:.08em;text-transform:uppercase}.field-input{padding:11px 14px;background:var(--white);color:var(--ink);border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:14px;transition:border-color .15s,box-shadow .15s;width:100%;outline:none}.field-input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(185,146,79,.14)}.field-input::placeholder{color:var(--text-dim)}select.field-input{cursor:pointer}.pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-full);font-size:10px;font-weight:700;letter-spacing:.06em;white-space:nowrap;text-transform:uppercase}.pill-green{background:var(--green-bg);color:var(--green-text);border:1px solid rgba(46,158,109,.22)}.pill-red{background:var(--red-bg);color:var(--red-text);border:1px solid rgba(178,58,52,.22)}.pill-amber{background:var(--amber-bg);color:var(--amber-text);border:1px solid rgba(185,146,79,.28)}.pill-primary{background:var(--indigo-bg);color:var(--indigo);border:1px solid var(--indigo-border)}.pill-grey{background:var(--cream-2);color:var(--text-sub);border:1px solid var(--border)}.pill-blue{background:var(--sky-bg);color:var(--sky-dk);border:1px solid var(--sky-border)}.pill-navy{background:var(--ink);color:#fff}.section-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--indigo)}.section-title{font-family:var(--display);font-size:22px;font-weight:600;color:var(--ink);letter-spacing:.01em;line-height:1.2}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;gap:14px;box-shadow:var(--shadow-xs)}.stat-card,.stat-icon{display:flex;align-items:center}.stat-icon{width:40px;height:40px;border-radius:12px;justify-content:center;font-size:18px;flex-shrink:0}.stat-icon-primary{background:var(--indigo-bg);color:var(--indigo)}.stat-icon-green{background:var(--green-bg);color:var(--green-text)}.stat-icon-amber{background:var(--amber-bg);color:var(--amber-text)}.stat-icon-teal{background:var(--sky-bg);color:var(--sky-dk)}.stat-icon-purple{background:rgba(139,92,246,.08);color:#7c3aed}.stat-icon-navy{background:rgba(140,156,171,.14);color:var(--navy)}.stat-val{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1}.stat-label{font-size:11px;color:var(--text-muted);margin-top:3px;font-weight:500}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--indigo);background:var(--cream-2);white-space:nowrap}.data-table td,.data-table th{padding:12px 16px;border-bottom:1px solid var(--border)}.data-table td{font-size:13px;color:var(--text-body);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--cream)}.product-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:all .2s;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.product-card:hover{border-color:var(--indigo-border);transform:translateY(-3px);box-shadow:var(--shadow-md),var(--shadow-blue)}.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;border:none;padding:12px 24px;border-radius:var(--r-full);font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);z-index:999;white-space:nowrap;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--white);border-top:1px solid var(--border);padding:8px 0 env(safe-area-inset-bottom,8px);box-shadow:0 -2px 12px rgba(27,43,75,.08)}.mobile-nav-inner{display:flex;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;border:none;background:none;cursor:pointer;color:var(--text-muted);font-size:10px;font-weight:600;font-family:var(--font);transition:color .15s;min-width:56px;position:relative}.mobile-nav-item i{font-size:20px}.mobile-nav-item.on{color:var(--indigo)}.hero-banner{background:var(--grad-navy);border-radius:var(--r);padding:28px;color:var(--ink);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.hero-banner:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-banner>*{position:relative;z-index:1}@media (max-width:960px){.sidebar{display:none}.rail{display:flex}}@media (min-width:961px){.sidebar{display:flex}.rail{display:none}}@media (max-width:768px){.rail,.sidebar{display:none!important}.app-topbar{display:none}.mobile-nav,.mobile-topbar{display:flex}.app-content{padding:16px 14px 100px}.data-table td{font-size:13px;padding:11px 12px}.data-table th{font-size:9px;padding:10px 12px}.stat-val{font-size:20px}.card{padding:16px}.section-title{font-size:20px}.btn{min-height:40px}.btn-xs{min-height:32px}}.text-indigo{color:var(--indigo)}.text-navy{color:var(--navy)}.text-ink{color:var(--ink)}.text-muted{color:var(--text-muted)}.text-display{font-family:var(--display)}.bg-cream{background:var(--cream)}.bg-white{background:var(--white)}.bg-navy{background:var(--navy)}.login-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:44px 40px;width:100%;max-width:440px;box-shadow:var(--shadow-xl)}.tree-wrap{overflow:hidden;border-radius:var(--r);background:var(--cream-2);position:relative}.desktop-nav{display:flex!important}.desktop-only{display:block}.hamburger-btn{display:none!important}@media (max-width:768px){.desktop-nav{display:none!important}.desktop-only{display:none}.hamburger-btn{display:flex!important}}.welcome-banner{background:var(--grad-navy);border-radius:var(--r);padding:24px 26px;color:var(--ink);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.welcome-banner:after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:rgba(185,146,79,.14)}.display-xl{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.95}.section-title{font-family:var(--heading);font-weight:800;text-transform:none}.mobile-topbar-logo,.rail-logo,.sidebar-logo-text{font-family:var(--display);font-weight:400;letter-spacing:.02em}@media (max-width:640px){.desktop-nav,.desktop-only{display:none!important}.hamburger-btn{display:flex!important}.app-content{padding:12px 12px 90px!important;gap:12px!important}.card{padding:14px!important}.card-flush{padding:0!important}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:600px}.data-table td{font-size:12px!important;padding:10px!important}.data-table th{font-size:9px!important;padding:8px 10px!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:12px!important}.stat-val{font-size:18px!important}.stat-label{font-size:10px!important}.btn{min-height:46px;font-size:13px!important}.btn-sm{min-height:38px!important}.btn-xs{min-height:34px!important}.btn-xl{padding:16px 28px!important}.field-input{font-size:16px!important;padding-top:13px!important;padding-bottom:13px!important}.section-title{font-size:18px!important}.anton{font-size:clamp(28px,8vw,56px)!important}.toast{bottom:76px!important}h1.anton,h2.anton{line-height:.92!important}}@media (max-width:380px){.app-content{padding:10px 10px 85px!important}.stat-val{font-size:16px!important}}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent}.mobile-nav{height:64px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}.mobile-nav-item{min-height:44px!important;font-size:9px!important;gap:2px!important}.mobile-nav-item i{font-size:22px!important}