:root{--bg:#050816;--bgS:#070b18;--bgC:#0b1120;--bgH:#111827;--bgE:#111827;--em:#16A34A;--emD:#15803D;--emM:#14532D;--emG:rgba(22,163,74,.16);--emG2:rgba(22,163,74,.06);--ba:rgba(22,163,74,.32);--sk:#0EA5E9;--skG:rgba(14,165,233,.12);--co:#F97373;--coG:rgba(248,113,113,.16);--inc:#EAB308;--incG:rgba(234,179,8,.12);--am:#FACC15;--amG:rgba(250,204,21,.12);--t:#E5E7EB;--ts:#9CA3AF;--tm:#6B7280;--tf:#020617;--b:rgba(148,163,184,.25);--bl:rgba(148,163,184,.38);--ff-display:"Bricolage Grotesque",sans-serif;--ff-body:"DM Sans",sans-serif}.dd-container{position:relative;width:100%}.dd-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg);border:1px solid var(--b);border-radius:12px;color:var(--t);font-family:var(--ff-body);font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.dd-trigger:hover{border-color:var(--tm);background:var(--bgH)}.dd-trigger.active{border-color:var(--em);box-shadow:0 0 0 3px var(--emG2);background:var(--bgH)}.dd-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bgC);border:1px solid var(--b);border-radius:14px;padding:6px;box-shadow:0 10px 30px #00000080;z-index:100;display:none;max-height:320px;overflow-y:auto}.dd-menu.show{display:block;animation:ddFadeIn .15s ease-out}.dd-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:transparent;color:var(--t);font-family:var(--ff-body);text-align:left;border-radius:8px;cursor:pointer;transition:background .15s}.dd-item:hover{background:var(--bgH)}.dd-item.selected{background:var(--emG2);color:var(--em)}.dd-item .dd-icon{font-size:18px;color:var(--tm);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff08;border-radius:6px}.dd-item.selected .dd-icon{color:var(--em);background:#16a34a1a}.dd-info{display:flex;flex-direction:column;gap:1px}.dd-title{font-size:14px;font-weight:600}.dd-sub{font-size:11px;color:var(--tm)}@keyframes ddFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--t);font-family:var(--ff-body);font-weight:400;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,.font-display,.kpi-num{font-family:var(--ff-display);font-weight:800}::selection{background:var(--emG);color:var(--em)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--b);border-radius:4px}button{font-family:var(--ff-body);cursor:pointer}input{font-family:var(--ff-body)}input::placeholder{color:var(--tm)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5)}select option{background:var(--bgC);color:var(--t)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;position:fixed;top:0;left:0;bottom:0;background:var(--bgS);border-right:1px solid var(--b);display:flex;flex-direction:column;padding:24px 0;z-index:100}.sidebar-logo{padding:0 22px 28px;display:flex;align-items:center}.sidebar-logo img{max-width:160px;height:auto;display:block}.sidebar-nav{flex:none}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:11px 20px;border:none;background:transparent;color:var(--ts);font-family:var(--ff-body);font-size:14px;font-weight:400;border-left:3px solid transparent;transition:all .15s}.nav-btn:hover{color:var(--t);background:#ffffff05}.nav-btn.active{background:var(--bgH);color:var(--em);font-weight:600;border-left-color:var(--em)}.nav-btn .icon{font-size:17px;width:22px;text-align:center}.sidebar-settings{padding:0 16px 12px;margin-top:auto}.sidebar-tools{padding:12px 16px;display:flex;flex-direction:column;gap:4px;margin-top:16px;border-top:1px solid var(--b)}.sidebar-bottom{padding:0 16px}.main{flex:1;margin-left:240px;padding:32px 36px;max-width:1140px}.card{background:var(--bgC);border-radius:16px;padding:20px;border:1px solid var(--b);transition:all .25s cubic-bezier(.16,1,.3,1)}.card.clickable:hover{border-color:var(--ba);background:var(--bgH);transform:translateY(-3px);box-shadow:0 0 40px #16a34a2e}.card.glow{box-shadow:0 0 40px #16a34a38;border-color:var(--ba)}.btn{padding:11px 22px;font-size:14px;font-weight:500;font-family:var(--ff-body);border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;border:none}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--emD),var(--em));color:#020617;font-weight:600;box-shadow:0 6px 28px #16a34a4d}.btn-ghost{background:var(--emG);color:var(--em);border:1px solid var(--ba)}.btn-outline{background:transparent;color:var(--t);border:1px solid var(--bl)}.btn-danger{background:var(--coG);color:var(--co);border:1px solid rgba(248,113,113,.3)}.btn-sm{padding:8px 14px;font-size:13px;border-radius:10px}.btn-lg{padding:15px 28px;font-size:15px}.btn-full{width:100%}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:4px 10px;border-radius:100px;letter-spacing:.3px;line-height:1}.badge-dot{width:6px;height:6px;border-radius:50%}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:500;color:var(--ts);margin-bottom:6px;letter-spacing:.4px;font-family:var(--ff-body)}.field .input-wrap{display:flex;align-items:center;background:var(--bgE);border:1px solid var(--b);border-radius:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s;position:relative}.field .input-wrap:focus-within{border-color:var(--ba);box-shadow:0 0 0 3px var(--emG)}.field .input-wrap:has(select):after{content:"▾";position:absolute;right:12px;color:var(--tm);pointer-events:none;font-size:12px}.field .input-wrap select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;background:transparent;color:var(--t);padding:13px 28px 13px 0;font-size:14px;width:100%}.field input{flex:1;border:none;outline:none;padding:13px 0;font-size:14px;color:var(--t);background:transparent}.field .suffix{font-size:14px;color:var(--tm);margin-left:8px;font-weight:500}.custom-select{cursor:pointer}.custom-select .cs-value{flex:1;padding:13px 0;color:var(--t);font-size:14px}.custom-select .cs-list{position:absolute;left:12px;right:12px;top:calc(100% + 8px);background:linear-gradient(180deg,var(--bgC),var(--bgS));border:1px solid var(--b);border-radius:12px;padding:8px;box-shadow:0 12px 36px #0009;display:none;z-index:50}.custom-select[aria-expanded=true] .cs-list{display:block}.custom-select .cs-item{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;background:transparent;border:none;color:var(--t);cursor:pointer;font-family:var(--ff-body)}.custom-select .cs-item:hover{background:#ffffff08}.custom-select .cs-item.active{background:var(--emG);color:var(--em)}.pbar{height:4px;background:var(--b);border-radius:2px;overflow:hidden}.pbar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--emD),var(--em));transition:width .8s cubic-bezier(.16,1,.3,1)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#000000a6;padding:20px;animation:fadeIn .2s ease}.modal{background:var(--bgS);border-radius:20px;padding:28px;width:100%;max-width:460px;max-height:88vh;overflow:auto;border:1px solid var(--bl);box-shadow:0 40px 100px #0009;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal.wide{max-width:560px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-head h3{font-size:17px;font-weight:700;font-family:var(--ff-display)}.modal-close{width:32px;height:32px;border-radius:10px;border:1px solid var(--b);background:var(--bgE);color:var(--ts);font-size:16px;display:flex;align-items:center;justify-content:center}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:3000;background:var(--bgE);color:var(--em);border:1px solid var(--ba);padding:12px 24px;border-radius:14px;font-size:14px;font-weight:500;box-shadow:0 24px 64px #0006;display:flex;align-items:center;gap:8px;animation:slideUp .3s ease}.toast-dot{width:8px;height:8px;border-radius:50%;background:var(--em);box-shadow:0 0 8px var(--em)}.hero{background:linear-gradient(135deg,var(--bgC) 0%,rgba(22,163,74,.08) 100%);border-radius:20px;padding:28px;border:1px solid var(--ba);margin-bottom:20px;position:relative;overflow:hidden}.hero-orb1{position:absolute;top:-80px;right:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(22,163,74,.14) 0%,transparent 70%)}.hero-orb2{position:absolute;bottom:-60px;left:30%;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.06) 0%,transparent 70%)}.confetti-piece{position:absolute;top:-16px;border-radius:2px}.preset-btn{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid var(--b);background:var(--bgE);color:var(--ts);transition:all .15s}.preset-btn.active{background:var(--emG);color:var(--em);border-color:var(--ba)}.emoji-btn{width:38px;height:38px;border-radius:10px;font-size:17px;border:2px solid var(--b);background:var(--bgE);display:flex;align-items:center;justify-content:center;transition:all .15s}.emoji-btn.active{border-color:var(--em);background:var(--emG)}.chip{padding:8px 14px;border-radius:100px;font-size:12px;font-weight:500;border:1px solid var(--b);background:var(--bgC);color:var(--ts);transition:all .2s}.chip.active{background:var(--emG);color:var(--em);border-color:var(--ba)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flex-col{display:flex;flex-direction:column;gap:8px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--bgS);border-top:1px solid var(--b);display:none;justify-content:space-around;align-items:center;padding:6px 0 8px}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;border:none;background:transparent;color:var(--ts);font-size:10px;font-family:var(--ff-body)}.mobile-nav-btn.active{color:var(--em);font-weight:600}.mobile-fab{width:44px;height:44px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--emD),var(--em));color:#020617;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #16a34a4d}.auth-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:radial-gradient(1200px 600px at 80% -10%,rgba(22,163,74,.12),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(14,165,233,.08),transparent 60%),var(--bg);display:none;align-items:center;justify-content:center;padding:24px}.auth-wrap{width:100%;max-width:860px;margin:0 auto;padding:12px;display:block}.auth-card{background:linear-gradient(160deg,var(--bgS),var(--bgC));border:1px solid var(--b);border-radius:20px;padding:36px;box-shadow:0 24px 60px #0009;max-width:420px;margin:0 auto}.auth-tabs{display:flex;gap:8px;background:transparent;border:none;padding:0;margin-bottom:18px}.auth-tabs button{border:1px solid transparent;background:transparent;color:var(--ts);padding:10px 14px;border-radius:100px;font-weight:600;cursor:pointer;font-family:var(--ff-body)}.auth-tabs button.active{background:linear-gradient(135deg,var(--emD),var(--em));color:#020617;box-shadow:0 6px 18px #16a34a47}.auth-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0 14px}.auth-link{background:none;border:none;color:var(--em);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--ff-body)}.auth-muted{color:var(--ts);font-size:13px}.auth-notice{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:13px}.auth-ok{background:#16a34a1f;border:1px solid var(--ba);color:#bbf7d0}.auth-err{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#ffb3ab}.auth-hidden{display:none}.auth-logo{display:flex;justify-content:center;align-items:center;margin:0 0 36px}.auth-logo img{max-width:420px;height:auto}.master-root{display:none;min-height:100vh;background:var(--bg);padding:24px}.master-shell{max-width:1400px;margin:0 auto}.master-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.master-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.master-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.master-card{background:linear-gradient(155deg,var(--bgC),var(--bgS));border:1px solid var(--b);border-radius:16px;padding:16px}.master-list{display:flex;flex-direction:column;gap:10px;max-height:55vh;overflow:auto}.master-login{max-width:440px;margin:10vh auto 0}@media(max-width:899px){.sidebar{display:none}.main{margin-left:0;padding:20px 16px 80px}.mobile-nav{display:flex}.grid2{grid-template-columns:1fr}.hero{padding:20px}}@media(max-width:920px){.auth-wrap{max-width:360px}.auth-logo img{max-width:280px}}@media(max-width:980px){.master-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(800deg);opacity:0}}@keyframes glow{0%,to{box-shadow:0 0 20px #16a34a24}50%{box-shadow:0 0 40px #16a34a42}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}