:root{--bg: #080b12;--bg2: #0d1320;--panel: #111828;--panel2: #161f33;--line: #223052;--text: #f3ecdc;--muted: #9aa5bd;--gold: #dcb773;--gold2: #f4dd9f;--purple: #8b69f7;--green: #36c48d;--pink: #ef7fb4;--red: #ff6f7a;--radius: 18px;--shadow: 0 18px 55px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Inter,Segoe UI,system-ui,Arial,sans-serif;color:var(--text);background:radial-gradient(1100px 500px at 20% -5%,rgba(220,183,115,.16),transparent 60%),radial-gradient(900px 500px at 95% 0%,rgba(139,105,247,.18),transparent 55%),linear-gradient(180deg,#070a11,#0a0f1b 45%,#070a11)}button{font:inherit;color:inherit}input,select,textarea{font:inherit;color:#f6f1e4;background:#0c1322;border:1px solid var(--line);border-radius:12px;padding:10px 12px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #dcb77338}select option{background:#101829}.shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:20px 16px;background:linear-gradient(180deg,#151c2ff5,#0a0e18fa);border-right:1px solid rgba(220,183,115,.18);display:flex;flex-direction:column;gap:14px;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:8px}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:20px;color:#191204;background:linear-gradient(135deg,var(--gold2),var(--gold) 55%,#9a7433);box-shadow:0 8px 24px #dcb77359}.brand-text b{display:block;font-family:Georgia,serif;letter-spacing:.3px}.brand-text i{font-style:normal;color:var(--muted);font-size:12px}.collapse-btn{margin-left:auto}.nav-caption{margin:4px 10px 0;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:2px}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:13px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;transition:.2s;width:100%}.nav-item:hover{background:#dcb77314;transform:translate(2px)}.nav-item.active{background:linear-gradient(90deg,#dcb7733d,#8b69f72e);border-color:#dcb7736b;box-shadow:inset 0 0 0 1px #0003,0 8px 24px #dcb77326}.nav-item span{flex:1}.count{font-style:normal;font-size:11px;min-width:24px;height:22px;padding:0 7px;border-radius:999px;display:grid;place-items:center;font-weight:800}.count.gold{background:var(--gold);color:#201601}.count.purple{background:var(--purple);color:#fff}.count.red{background:var(--red);color:#fff}.sidebar-card{border:1px solid rgba(220,183,115,.25);background:linear-gradient(135deg,#dcb77329,#8b69f724);border-radius:var(--radius);padding:14px;display:grid;gap:8px;animation:floatIn .5s ease}.sidebar-card b{font-size:22px;font-family:Georgia,serif;color:var(--gold2);display:block}.sidebar-card span{color:var(--muted);font-size:12px}.sidebar-progress{height:8px;background:#ffffff1f;border-radius:999px;overflow:hidden}.sidebar-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--purple));border-radius:999px;transition:width .6s}.sidebar-card small{color:var(--muted)}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#ffffff08}.sidebar-user b{display:block;font-size:14px}.sidebar-user i{font-style:normal;color:var(--muted);font-size:12px;display:block}.sidebar-user .icon-button{margin-left:auto}.main{min-width:0;display:flex;flex-direction:column}.content{padding:22px;display:grid;gap:18px;align-content:start;animation:pageIn .35s ease}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:16px 22px;background:#080b12d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,183,115,.14)}.title h1{margin:0;font-family:Georgia,serif;font-size:28px}.title p{margin:2px 0 0;color:var(--muted);font-size:13px}.search{margin-left:auto;display:flex;align-items:center;gap:8px;background:#0d1526;border:1px solid var(--line);border-radius:999px;padding:8px 14px;min-width:250px}.search input{border:0;background:transparent;padding:0}.search input:focus{box-shadow:none}.backdrop,.menu-btn{display:none}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.button{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid transparent;padding:10px 18px;cursor:pointer;font-weight:700;transition:.2s;white-space:nowrap}.button.primary{background:linear-gradient(135deg,var(--gold2),var(--gold) 55%,#a37c35);color:#221801;box-shadow:0 10px 28px #dcb7734d}.button.primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.button.secondary{background:#ffffff0f;border-color:var(--line)}.button.secondary:hover{border-color:var(--gold)}.button.small{padding:7px 12px;font-size:13px}.icon-button{width:38px;height:38px;border-radius:12px;display:inline-grid;place-items:center;background:#ffffff0d;border:1px solid var(--line);cursor:pointer;flex:none}.icon-button:hover{border-color:var(--gold);color:var(--gold2)}.icon-button.danger:hover{border-color:var(--red);color:var(--red)}.link{background:none;border:0;color:var(--gold2);cursor:pointer;font-weight:700}.bell-wrap{position:relative}.bell.has-dot:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--red);border:2px solid #0a0f1b;top:7px;right:7px}.bell-wrap .icon-button{position:relative}.bell-pop{position:absolute;right:0;top:48px;width:320px;background:#111a2e;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:12px;display:grid;gap:6px;z-index:50;animation:floatIn .25s ease}.bell-pop>div{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;padding:2px 6px}.bell-pop button{text-align:left;background:#ffffff0a;border:1px solid transparent;border-radius:12px;padding:9px 10px;cursor:pointer;display:grid;gap:2px}.bell-pop button:hover{border-color:var(--gold)}.bell-pop button span{color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{display:flex;gap:14px;align-items:center;padding:16px;border-radius:var(--radius);background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--gold),var(--purple));opacity:.8}.stat i{font-style:normal;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.stat b{display:block;font-size:26px;font-family:Georgia,serif;margin:4px 0}.stat small{color:var(--muted)}.stat-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none}.stat-icon.gold{background:#dcb7732e;color:var(--gold2)}.stat-icon.purple{background:#8b69f72e;color:#c3b0ff}.stat-icon.green{background:#36c48d29;color:#7de8b6}.stat-icon.pink{background:#ef7fb429;color:#ffb1d3}.panel{background:linear-gradient(180deg,#182137f2,#0e1423f7);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.panel-heading h2{margin:0;font-size:17px;display:flex;align-items:center;gap:9px;font-family:Georgia,serif}.pill{background:#dcb77326;border:1px solid rgba(220,183,115,.35);color:var(--gold2);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.bars{display:flex;align-items:end;gap:8px;min-height:170px;padding-top:8px}.bar{flex:1;display:grid;gap:6px;justify-items:center}.bar i{width:100%;max-width:28px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--gold2),var(--purple));display:block;animation:grow .6s ease}.bar span{color:var(--muted);font-size:11px}.timeline{display:grid;gap:10px}.timeline-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#ffffff06}.timeline-row div{flex:1;min-width:0}.timeline-row b{display:block;font-size:14px}.timeline-row span{color:var(--muted);font-size:12px}.avatar{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;font-weight:800;font-size:13px;flex:none;color:#10131c}.avatar-0{background:linear-gradient(135deg,#f4dd9f,#c8964a)}.avatar-1{background:linear-gradient(135deg,#c3b0ff,#6c4df0);color:#fff}.avatar-2{background:linear-gradient(135deg,#8de8bd,#1f9d68)}.avatar-3{background:linear-gradient(135deg,#ffb1d3,#d14d8a);color:#fff}.avatar-4{background:linear-gradient(135deg,#9fd8ff,#2c7fd4);color:#fff}.badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;white-space:nowrap}.badge span{width:8px;height:8px;border-radius:50%;background:currentColor}.badge-pending,.badge-unpaid{color:#ffd97a;border-color:#ffd97a66}.badge-confirmed,.badge-paid,.badge-approved,.badge-active,.badge-published{color:#7de8b6;border-color:#7de8b659}.badge-completed{color:#c3b0ff;border-color:#c3b0ff66}.badge-cancelled,.badge-refunded,.badge-suspended,.badge-hidden{color:#ff9aa2;border-color:#ff9aa266}.badge-inactive{color:var(--muted)}.badges{display:flex;gap:6px;flex-wrap:wrap}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:12px;background:#ffffff08}td{padding:12px;border-top:1px solid rgba(255,255,255,.06);vertical-align:middle;font-size:14px}tbody tr{transition:.15s}tbody tr:hover{background:#dcb7730f}td b{display:block}td small{color:var(--muted);display:block;font-size:12px}.cell-user{display:flex;align-items:center;gap:10px}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-actions select{width:auto;padding:7px 10px;font-size:13px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;color:var(--muted);font-size:13px;flex-wrap:wrap}.pagination div{display:flex;align-items:center;gap:10px}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:7px 14px;cursor:pointer;font-size:13px}.chip.active{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#221801;border-color:transparent;font-weight:800}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.service-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#ffffff06;display:grid;gap:8px;transition:.2s}.service-card:hover{transform:translateY(-3px);border-color:#dcb77373;box-shadow:var(--shadow)}.service-card h3{margin:0;font-family:Georgia,serif}.service-card p{margin:0;color:var(--muted);font-size:13px;min-height:36px}.service-top,.service-meta{display:flex;align-items:center;justify-content:space-between}.service-meta b{color:var(--gold2);font-size:18px}.service-meta span{color:var(--muted);font-size:13px}.meter{display:grid;grid-template-columns:150px 1fr 90px;gap:10px;align-items:center;padding:8px 0;font-size:13px}.meter div{height:10px;background:#ffffff14;border-radius:999px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--purple));border-radius:999px}.meter b{text-align:right}.notifs{display:grid;gap:10px}.notif{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px}.notif.unread{border-color:#dcb77380;background:#dcb77312}.notif div{flex:1}.notif b{display:block}.notif span{color:var(--muted);font-size:13px}.muted{color:var(--muted);font-size:14px}.wrap{max-width:300px}.workspace{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.workspace div{border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.workspace b{display:block;font-size:22px;color:var(--gold2)}.workspace span{color:var(--muted);font-size:12px}.empty{text-align:center;padding:30px 16px;color:var(--muted);display:grid;gap:6px;justify-items:center}.empty h3{margin:8px 0 0;color:var(--text)}.empty-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#dcb7731f;color:var(--gold2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050ab8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px;z-index:80;animation:fade .2s ease}dialog.modal{border:1px solid rgba(220,183,115,.3);background:linear-gradient(180deg,#16203a,#0e1527);color:var(--text);border-radius:20px;padding:0;width:min(560px,94vw);box-shadow:var(--shadow)}dialog.modal.modal-wide{width:min(720px,96vw)}dialog.modal::backdrop{background:#03050ab8}.modal-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:18px 18px 0}.modal-heading h2{margin:0;font-family:Georgia,serif}.modal-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}.modal form{padding:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px;font-size:13px}.field span{color:var(--muted);font-weight:700}.field-wide{grid-column:1 / -1}.field.check{grid-template-columns:1fr auto;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.field.check input{width:22px;height:22px;accent-color:var(--gold)}.form-error{color:#ffb3b9;background:#ff6f7a1f;border:1px solid rgba(255,111,122,.4);padding:10px 12px;border-radius:12px}.modal-footer{display:flex;justify-content:end;gap:10px;margin-top:14px;grid-column:1 / -1}.detail{width:min(640px,95vw);background:linear-gradient(180deg,#17213a,#0d1426);border:1px solid rgba(220,183,115,.35);border-radius:22px;padding:20px;display:grid;gap:14px;animation:floatIn .25s ease;max-height:90vh;overflow:auto}.detail-head{display:flex;justify-content:space-between;gap:12px}.detail-head p{margin:0;color:var(--muted);font-size:12px}.detail-head h2{margin:6px 0 0;font-family:Georgia,serif}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid div{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:4px}.detail-grid span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.detail-grid small{color:var(--muted)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:linear-gradient(135deg,#1c2948,#111a2e);border:1px solid rgba(220,183,115,.5);color:var(--gold2);padding:12px 18px;border-radius:999px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow);z-index:100;animation:toastIn .25s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes floatIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes grow{0%{transform:scaleY(.2);transform-origin:bottom;opacity:.2}to{transform:none;opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.shell.collapsed{grid-template-columns:92px 1fr}.shell.collapsed .brand-text,.shell.collapsed .nav-caption,.shell.collapsed .nav-item span,.shell.collapsed .sidebar-card,.shell.collapsed .sidebar-user span,.shell.collapsed .nav-item em{display:none}.shell.collapsed .nav-item,.shell.collapsed .brand{justify-content:center}.shell.collapsed .collapse-btn{display:none}.shell.collapsed .sidebar-user{justify-content:center}.shell.collapsed .sidebar-user .icon-button{margin:0}@media(max-width:1180px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media(max-width:900px){.shell,.shell.collapsed{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(310px,86vw);transform:translate(-105%);transition:.28s}.shell.mobile-open .sidebar{transform:none}.shell.mobile-open .backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:25}.menu-btn{display:inline-grid}.collapse-btn{display:none}.search{min-width:0;flex:1}.topbar{flex-wrap:wrap}.title{flex:1;min-width:160px}.form-grid,.detail-grid,.stats{grid-template-columns:1fr}.content{padding:14px}.meter{grid-template-columns:1fr;gap:6px}.meter b{text-align:left}}.main{background:#eef2f7}.content{background:#eef2f7;color:#1c2739}.content .stat{background:#fff;border:1px solid #e5ebf3;box-shadow:0 8px 22px #10182812;border-radius:14px}.content .stat:before{opacity:1;height:4px;inset:auto 0 0 0;background:#2ec4a6;border-radius:0 0 14px 14px}.content .stat:nth-child(2):before{background:#4a8af4}.content .stat:nth-child(3):before{background:#f6b93b}.content .stat:nth-child(4):before{background:#a06bf5}.content .stat i{color:#8a94a8;font-weight:800}.content .stat b{color:#111c2e;font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:800}.content .stat small{color:#8a94a8}.content .stat-icon.gold{background:#e7f7ef;color:#17a673}.content .stat-icon.purple{background:#e9efff;color:#3f7bf6}.content .stat-icon.green{background:#e7f7ef;color:#17a673}.content .stat-icon.pink{background:#fff3e2;color:#ef9b2d}.content .panel{background:#fff;border:1px solid #e5ebf3;box-shadow:0 8px 22px #10182812;border-radius:14px;color:#1c2739}.content .panel-heading h2{font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:800;color:#162033}.content .pill{background:#f1f4f9;border-color:#e2e8f2;color:#5b6b82}.content .muted,.content .timeline-row span,.content td small{color:#8a94a8}.content .link{color:#2f7cf6}.content .timeline-row{background:#fff;border-color:#edf1f7}.content .timeline-row b{color:#1c2739}.content .table-scroll{border-color:#e5ebf3;background:#fff}.content table{background:#fff}.content th{background:#f7f9fc;color:#8a94a8;border-bottom:1px solid #edf1f7}.content td{border-top:1px solid #eef2f7;color:#24344d}.content td b{color:#162033}.content tbody tr:hover{background:#f5f9ff}.content .badge{background:#f4f6fa;border-color:#e2e8f2;color:#5b6b82}.content .badge-pending,.content .badge-unpaid{color:#b7791f;background:#fef6e0;border-color:#f5d67a}.content .badge-confirmed,.content .badge-paid,.content .badge-approved,.content .badge-active,.content .badge-published{color:#12805c;background:#e7f7ef;border-color:#8fdcb9}.content .badge-completed{color:#4a5cf5;background:#e9efff;border-color:#aab9ff}.content .badge-cancelled,.content .badge-refunded,.content .badge-suspended,.content .badge-hidden{color:#d33a4b;background:#fdeef0;border-color:#f5a3ac}.content .button.secondary{background:#fff;border-color:#dfe7f2;color:#24344d}.content .button.secondary:hover{border-color:#3f7bf6;color:#2f7cf6}.content .button.primary{background:linear-gradient(135deg,#34d17b,#1fae62);color:#fff;border-color:transparent}.content .icon-button{background:#fff;border-color:#dfe7f2;color:#5b6b82}.content input,.content select,.content textarea{background:#fff;border-color:#dfe7f2;color:#1c2739}.content select option{background:#fff;color:#1c2739}.content .chip{background:#fff;border-color:#dfe7f2;color:#5b6b82}.content .chip.active{background:#162033;color:#fff;border-color:#162033}.content .service-card{background:#fff;border-color:#e5ebf3}.content .service-card h3{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#162033}.content .service-card p,.content .service-meta span{color:#8a94a8}.content .service-meta b{color:#162033}.content .notif{background:#fff;border-color:#e5ebf3}.content .notif b{color:#162033}.content .notif span{color:#8a94a8}.content .notif.unread{border-color:#8fdcb9;background:#f0fbf5}.content .workspace div{background:#fff;border-color:#e5ebf3}.content .workspace b{color:#162033}.content .workspace span{color:#8a94a8}.content .title h1{color:#162033}.content .title p{color:#8a94a8}.content .meter b{color:#162033}.content .meter{color:#5b6b82}.content .empty{color:#8a94a8}.content .empty h3{color:#162033}.content .empty-icon{background:#e9efff;color:#3f7bf6}.content .row-actions select{background:#fff;border-color:#dfe7f2;color:#24344d}dialog.modal{background:#fff;color:#1c2739;border-color:#e5ebf3}.modal-heading h2{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#162033}.modal-heading p{color:#8a94a8}.field.check{border-color:#dfe7f2}dialog.modal input,dialog.modal select,dialog.modal textarea{background:#fff;color:#1c2739;border-color:#dfe7f2}dialog.modal select option{background:#fff;color:#1c2739}.detail{background:#fff;border-color:#e5ebf3;color:#1c2739}.detail-head h2{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#162033}.detail-head p,.detail-grid span,.detail-grid small{color:#8a94a8}.detail-grid div{border-color:#e5ebf3;background:#fbfcfe}.content .bar i{background:linear-gradient(180deg,#5ad8b8,#25b68a);max-width:22px}.content .bar:nth-child(2n) i{background:linear-gradient(180deg,#8fb8ff,#3f7bf6)}.content .bar:nth-child(3n) i{background:linear-gradient(180deg,#ffd98a,#f5a623)}.content .bar span,.content .pagination{color:#8a94a8}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.nav-item,.button,.icon-button,.chip,.stat,.panel,.service-card,.timeline-row,.notif,.bell-pop button,.bar i,.avatar,.link,.search{transition:transform .22s ease,box-shadow .25s ease,background-color .22s ease,border-color .22s ease,color .2s ease,filter .22s ease}.nav-item{position:relative;overflow:hidden}.nav-item:after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--gold);transform:scaleY(0);transform-origin:center;transition:transform .25s ease}.nav-item:hover{transform:translate(4px)}.nav-item:hover:after{transform:scaleY(1)}.nav-item.active:after{transform:scaleY(1)}.nav-item svg{transition:transform .22s ease}.nav-item:hover svg{transform:scale(1.15)}.nav-item:active{transform:translate(2px) scale(.985)}.brand-mark{transition:transform .3s ease,box-shadow .3s ease}.brand-mark:hover{transform:rotate(-6deg) scale(1.05)}.sidebar-user{transition:border-color .25s ease,transform .25s ease}.sidebar-user:hover{border-color:#dcb77380;transform:translateY(-1px)}.button{position:relative;overflow:hidden}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.97)}.button.primary:before{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);transition:left .55s ease;pointer-events:none}.button.primary:hover:before{left:130%}.button.primary:hover{box-shadow:0 14px 30px #dcb7736b}.content .button.primary:hover{box-shadow:0 14px 30px #1fae6266}.button.secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000047}.icon-button:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 18px #0000004d}.icon-button:active{transform:scale(.92)}.icon-button.danger:hover{box-shadow:0 8px 18px #ff6f7a59}.link{position:relative}.link:hover{filter:brightness(1.15)}.link:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:currentColor;border-radius:999px;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.link:hover:after{transform:scaleX(1)}.stat:hover,.content .stat:hover{transform:translateY(-4px);box-shadow:0 16px 34px #1018282e;border-color:#c9dcf5}.stat-icon{transition:transform .25s ease}.stat:hover .stat-icon{transform:scale(1.1) rotate(-5deg)}.service-card:hover{transform:translateY(-5px) scale(1.01)}.panel{transition:transform .25s ease,box-shadow .3s ease,border-color .25s ease}.panel:hover{box-shadow:0 14px 32px #1018281f}.timeline-row:hover,.content .timeline-row:hover{transform:translate(4px);box-shadow:0 8px 20px #1018281a}.notif:hover{transform:translate(3px);border-color:#dcb77380}.content .notif:hover{border-color:#bcd0f5;box-shadow:0 8px 20px #10182814}.avatar{transition:transform .22s ease,box-shadow .25s ease}.avatar:hover{transform:scale(1.12);box-shadow:0 6px 16px #0000004d}tbody tr{position:relative}tbody tr:hover{transform:scale(1.005);box-shadow:0 6px 18px #1018281f}tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--gold)}.content tbody tr:hover td:first-child{box-shadow:inset 3px 0 #3f7bf6}.row-actions .icon-button{opacity:.75}tr:hover .row-actions .icon-button{opacity:1}.row-actions .icon-button:hover{transform:translateY(-2px) scale(1.08)}.search{transition:border-color .22s ease,box-shadow .25s ease,transform .22s ease}.search:hover{border-color:#dcb77380}.search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #dcb77338;transform:translateY(-1px)}.content .search:focus-within{border-color:#3f7bf6;box-shadow:0 0 0 3px #3f7bf629}input:hover,select:hover,textarea:hover{border-color:#dcb77373}.content input:hover,.content select:hover,.content textarea:hover{border-color:#9dbcf5}.chip:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 6px 14px #00000040}.content .chip:hover{border-color:#3f7bf6;color:#2f7cf6}.chip:active{transform:scale(.95)}.bell-wrap .icon-button:hover{animation:bellRing .5s ease}@keyframes bellRing{0%{transform:rotate(0)}25%{transform:rotate(12deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(6deg)}to{transform:rotate(0)}}.bell-pop button:hover{transform:translate(3px)}.bar{cursor:pointer}.bar i{transform-origin:bottom}.bar:hover i{filter:brightness(1.12) saturate(1.15);transform:scaleY(1.04);box-shadow:0 6px 16px #1018282e}.badge{transition:transform .2s ease,box-shadow .22s ease}.badge:hover{transform:scale(1.06);box-shadow:0 4px 12px #10182826}.count{transition:transform .2s ease}.nav-item:hover .count{transform:scale(1.12)}.pagination .button:hover:not(:disabled){transform:translateY(-2px)}.pagination .button:disabled{opacity:.45;cursor:not-allowed;transform:none}a,button,.chip,.bar,.nav-item{cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.content :focus-visible{outline-color:#3f7bf6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e5ebf3;border-radius:12px;box-shadow:0 12px 40px #10182826;position:relative;overflow:hidden;pointer-events:all;animation:toastSlideIn .35s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast svg{flex-shrink:0;margin-top:2px}.toast-body{display:flex;flex-direction:column;gap:2px;flex:1}.toast-body b{font-size:13px;font-weight:700;color:#162033}.toast-body span{font-size:12px;color:#8a94a8}.toast-close{background:none;border:none;color:#8a94a8;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.toast-close:hover{color:#162033}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#34d17b,#3f7bf6);animation:toastProgress linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast-success{border-left:3px solid #36c48d}.toast-error{border-left:3px solid #ff6f7a}.toast-warning{border-left:3px solid #f6b93b}.toast-info{border-left:3px solid #4a8af4}@media(max-width:600px){.toast-container{top:10px;right:10px;left:10px;max-width:none}}.confirm-dialog{background:#fff;border:1px solid #e5ebf3;border-radius:16px;padding:24px;max-width:420px;width:90vw;box-shadow:0 20px 60px #10182833;animation:dialogPop .3s ease}@keyframes dialogPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#162033}.confirm-dialog p{margin:0 0 20px;font-size:14px;color:#8a94a8;line-height:1.5}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.button.danger{background:linear-gradient(135deg,#ff6f7a,#e94560);color:#fff;border-color:transparent}.button.danger:hover{box-shadow:0 10px 25px #e9456066;transform:translateY(-2px)}.skeleton{background:linear-gradient(90deg,#e5ebf3 25%,#f0f4f9,#e5ebf3 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-table{display:flex;flex-direction:column;gap:8px;padding:16px}.skeleton-header,.skeleton-row{display:flex;gap:16px}.skeleton-header>div,.skeleton-row>div{flex:1}.skeleton-card{background:#fff;border:1px solid #e5ebf3;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:12px;color:#8a94a8;padding:0 12px;border-left:1px solid #e5ebf3;margin-left:8px}.breadcrumb-item{display:flex;align-items:center;gap:4px}.breadcrumb-item:not(:last-child):after{content:"/";margin-left:6px;color:#c0c9d6}.breadcrumb-item:last-child{color:#162033;font-weight:600}@media(max-width:900px){.breadcrumbs{display:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:12px}.empty-icon-wrapper{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#3f7bf61a,#1fae621a);display:grid;place-items:center;color:#3f7bf6}.empty-state h3{margin:0;font-size:16px;color:#162033}.empty-state p{margin:0;font-size:13px;color:#8a94a8;max-width:300px}.network-status{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;margin-top:8px}.network-dot{width:8px;height:8px;border-radius:50%;animation:networkPulse 2s infinite}@keyframes networkPulse{0%,to{opacity:1}50%{opacity:.5}}.network-status.online{background:#36c48d1f;color:#36c48d}.network-status.online .network-dot{background:#36c48d}.network-status.offline{background:#ff6f7a1f;color:#ff6f7a}.network-status.offline .network-dot{background:#ff6f7a;animation:none}.network-text{font-size:10px;letter-spacing:.5px}.save-indicator{font-size:14px;animation:saveBlink 1s ease infinite;margin-left:8px}@keyframes saveBlink{0%,to{opacity:1}50%{opacity:.4}}@media print{.sidebar,.topbar,.toast-container,.button,.icon-button{display:none!important}.content{padding:0!important;background:#fff!important}body{background:#fff!important;color:#000!important}}.sh-root{display:grid;gap:16px}.sh-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,#1fae6224,#1fae620d);border:1px solid rgba(31,174,98,.45);border-radius:14px;padding:18px 20px}.sh-hero-main{display:flex;align-items:center;gap:14px}.sh-dot{width:12px;height:12px;border-radius:50%;background:#1fae62;box-shadow:0 0 0 6px #1fae622e;animation:shPulse 2s ease infinite;flex:none}@keyframes shPulse{0%,to{box-shadow:0 0 0 4px #1fae622e}50%{box-shadow:0 0 0 9px #1fae6214}}.sh-hero h2{margin:0;font-size:19px;letter-spacing:.6px;color:#178a4e;font-weight:800}.sh-hero p{margin:3px 0 0;color:#5b6a83;font-size:13px}.sh-hero p b{color:#1c2739}.sh-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sh-spin{animation:shSpin .8s linear infinite}@keyframes shSpin{to{transform:rotate(360deg)}}.sh-auto{display:flex;align-items:center;gap:7px;font-size:13px;color:#5b6a83;background:#fff;border:1px solid #dfe7f2;border-radius:999px;padding:7px 12px}.sh-auto b.on{color:#178a4e}.sh-auto b.off{color:#d1445b}.sh-switch{width:40px;height:22px;border-radius:999px;border:none;cursor:pointer;background:#1fae62;position:relative;transition:.2s;flex:none}.sh-switch.off{background:#c7d2e2}.sh-switch i{position:absolute;top:3px;left:21px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.sh-switch.off i{left:3px}.sh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sh-card{background:#fff;border:1px solid #e5ebf3;border-radius:14px;padding:15px;box-shadow:0 8px 22px #10182812;display:grid;gap:9px;align-content:start;transition:.2s}.sh-card:hover{transform:translateY(-3px);border-color:#bfd3ef;box-shadow:0 14px 30px #10182821}.sh-card.sh-wide{grid-column:span 2}.sh-card.sh-bad{background:linear-gradient(180deg,#ff6f7a1a,#fff 60%);border-color:#e9456073}.sh-card.sh-warn{background:linear-gradient(180deg,#ffc45a24,#fff 60%);border-color:#d49e2a73}.sh-card-top{display:flex;align-items:center;justify-content:space-between}.sh-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#178a4e;background:#1fae621f}.sh-ico-bad{color:#d1445b;background:#e9456024}.sh-ico-warn{color:#a8791a;background:#ffc45a38}.sh-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:4px 11px;border-radius:999px;white-space:nowrap}.sh-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}.sh-badge-ok{color:#178a4e;background:#1fae6224}.sh-badge-warn{color:#a8791a;background:#ffc45a47}.sh-badge-bad{color:#d1445b;background:#e9456024}.sh-card-name{font-size:16px;font-weight:800;color:#1c2739}.sh-msg{font-size:13px;font-weight:700}.sh-msg-bad{color:#d1445b}.sh-msg-warn{color:#a8791a}.sh-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#5b6a83}.sh-row b{color:#1c2739;font-size:13.5px}.sh-bar{height:9px;border-radius:999px;background:#10182814;overflow:hidden}.sh-bar i{display:block;height:100%;border-radius:999px;transition:width .5s}.sh-bar i.blue{background:linear-gradient(90deg,#4d8df6,#2f7cf6)}.sh-bar i.green{background:linear-gradient(90deg,#34d17b,#1fae62)}.sh-spark{display:flex;align-items:flex-end;gap:3px;height:34px}.sh-spark i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#34d17b,#1fae62);opacity:.85}.sh-area{width:100%;height:34px;display:block}.sh-act{margin-top:2px}.sh-mini{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:700;padding:6px 14px;border-radius:9px;cursor:pointer;border:1px solid transparent;transition:.15s}.sh-mini.red{background:#e9456024;border-color:#e9456080;color:#d1445b}.sh-mini.red:hover{background:#e94560;color:#fff}.sh-mini.yellow{background:#ffc45a38;border-color:#d49e2a8c;color:#a8791a}.sh-mini.yellow:hover{background:#d99e2b;color:#fff}.sh-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sh-panel.panel{display:grid;gap:12px}.sh-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sh-panel-head h3{margin:0;font-size:14.5px;font-weight:800;color:#1c2739;display:inline-flex;align-items:center;gap:8px}.sh-panel-head span{color:#5b6a83;font-size:12.5px}.sh-panel-head span b.sh-green{color:#178a4e}.sh-timeline{display:grid;grid-template-columns:44px 1fr;gap:8px}.sh-axis{display:grid;grid-template-rows:1fr 1fr 1fr;font-size:11px;color:#8b97ab;align-items:center}.sh-tl-bars{display:flex;align-items:flex-end;gap:3px;height:96px;border-left:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3;padding:4px 2px 0}.sh-tl-bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#34d17b,#1fae62)}.sh-tl-bars i.red{background:linear-gradient(180deg,#ff8a94,#e94560)}.sh-tl-bars.sh-uptime i{opacity:.9}.sh-tl-labels{display:flex;justify-content:space-between;padding-left:52px;font-size:11px;color:#8b97ab}.sh-history{display:grid;grid-template-columns:44px 1fr;gap:8px}.sh-hist-plot{position:relative;height:96px;border-left:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3}.sh-hist-plot svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sh-sparkle{position:absolute;left:66%;top:34%;display:grid;place-items:center;filter:drop-shadow(0 2px 6px rgba(31,174,98,.5))}.sh-incidents{min-height:96px;display:grid;place-items:center;border:1px dashed #e5ebf3;border-radius:12px}@media(max-width:1100px){.sh-grid{grid-template-columns:repeat(2,1fr)}.sh-card.sh-wide{grid-column:span 2}.sh-bottom{grid-template-columns:1fr}}@media(max-width:640px){.sh-grid{grid-template-columns:1fr}.sh-card.sh-wide{grid-column:span 1}}.lu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lu-card{padding:14px;gap:10px}.lu-card.lu-bad{background:linear-gradient(180deg,#ff6f7a1f,#fff 60%);border-color:#e9456073}.lu-card.lu-warn{background:linear-gradient(180deg,#ffc45a1a,#fff 60%)}.lu-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.lu-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.lu-title b{font-size:14px;color:#1c2739;white-space:nowrap}.lu-title .sh-ico{width:28px;height:28px;border-radius:8px}.lu-title .sh-ico svg{width:17px;height:17px}.lu-title .sh-badge{font-size:11px;padding:3px 9px}.lu-end-ico{color:#8b97ab;opacity:.55}.lu-end-ico svg{width:20px;height:20px}.lu-end-warn{color:#a8791a;opacity:.75}.lu-end-bad{color:#d1445b;opacity:.75}.lu-value{display:flex;align-items:flex-end;gap:6px}.lu-value b{font-size:27px;font-weight:800;color:#1c2739;line-height:1}.lu-value>span{color:#5b6a83;font-size:13px;padding-bottom:3px}.lu-minibars{display:inline-flex;align-items:flex-end;gap:2px;height:26px;margin-left:6px}.lu-minibars i{width:4px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#34d17b,#1fae62)}.lu-arc{position:relative;display:grid;place-items:center;margin:2px auto 0;width:120px}.lu-arc svg{width:100%;height:auto;display:block}.lu-arc b{position:absolute;bottom:-2px;font-size:22px;font-weight:800;color:#1c2739}.lu-sub{margin:2px 0 0;color:#8b97ab;font-size:12px}.lu-legend{display:flex;gap:14px;font-size:12.5px;color:#5b6a83}.lu-legend span{display:inline-flex;align-items:center;gap:6px;font-weight:700}.lu-legend i{width:9px;height:9px;border-radius:3px}.lu-cpu i{background:#e5a913}.lu-ram i{background:#2f7cf6}.lu-api i{background:#1fae62}.lu-chart{display:grid;grid-template-columns:46px 1fr;gap:8px}.lu-chart-axis{grid-template-rows:repeat(6,1fr)}.lu-chart-plot{height:170px;border-left:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3}.lu-chart-plot svg{width:100%;height:100%;display:block}.lu-x-labels{display:flex;justify-content:space-between;padding-left:54px;font-size:10.5px;color:#8b97ab;flex-wrap:wrap;gap:2px 6px}.lu-alerts{display:grid;gap:10px;align-content:start}.lu-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;font-weight:700;border-radius:12px;padding:11px 14px}.lu-alert-warn{background:#ffc45a38;border:1px solid rgba(212,158,42,.5);color:#8a6410}.lu-alert-warn:before{content:"";width:8px;height:8px;border-radius:50%;background:#e5a913;box-shadow:0 0 0 4px #e5a91338;flex:none;margin-right:-2px}.lu-alert-ok{background:linear-gradient(135deg,#2fbd6f,#178a4e);border:1px solid rgba(31,174,98,.6);color:#fff;box-shadow:0 8px 20px #1fae624d}.lu-alert-ok:before{content:"";width:8px;height:8px;border-radius:50%;background:#b6f5d4;box-shadow:0 0 0 4px #b6f5d440;flex:none;margin-right:-2px}@media(max-width:1100px){.lu-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.lu-grid{grid-template-columns:1fr}}.sh-hstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sh-hstat{background:#fff;border:1px solid #e5ebf3;border-radius:13px;padding:12px 15px;box-shadow:0 6px 16px #1018280f;display:grid;gap:3px}.sh-hstat b{font-size:19px;font-weight:800;color:#1c2739}.sh-hstat span{color:#8b97ab;font-size:12px}.sh-count{font-size:11px;font-weight:800;background:#1fae6224;color:#178a4e;border-radius:999px;padding:3px 8px;min-width:30px;text-align:center}.sh-count.paused{background:#8b97ab26;color:#8b97ab}.sh-incidents{display:grid;gap:8px;align-content:start;min-height:96px;max-height:150px;overflow:auto;padding-right:4px}.sh-incidents p{margin:0;color:#8b97ab;font-size:13px}.sh-inc{display:flex;align-items:center;gap:9px;font-size:13px;color:#5b6a83;padding:7px 10px;border:1px solid #eef2f8;border-radius:10px;background:#fff9;animation:shIncIn .35s ease}@keyframes shIncIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.sh-inc-time{font-size:11px;font-weight:800;color:#8b97ab;font-variant-numeric:tabular-nums;flex:none}.sh-inc-dot{width:8px;height:8px;border-radius:50%;flex:none}.sh-inc-dot.ok{background:#1fae62;box-shadow:0 0 0 3px #1fae622e}.sh-inc-dot.warn{background:#e5a913;box-shadow:0 0 0 3px #e5a91333}.sh-inc-dot.bad{background:#e94560;box-shadow:0 0 0 3px #e9456033}.sh-inc-txt b{color:#1c2739}@media(max-width:1100px){.sh-hstats{grid-template-columns:repeat(2,1fr)}}