:root{--bg:#041310;--surface:#09201b;--surface2:#0b2922;--line:#1a5043;--text:#edf8f2;--muted:#91aaa0;--green:#12d887;--green2:#00a968;--blue:#49a6ff;--yellow:#ffc04c;--red:#fa5e59}*{box-sizing:border-box}body{margin:0;background:#030c0a;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}.connection-note{position:fixed;z-index:20;right:18px;bottom:15px;padding:7px 11px;background:#ffd15c;color:#142017;border-radius:6px;font-size:11px;font-weight:900;letter-spacing:.08em}.connection-note.connected{background:#0dd786;color:#032217}.app-shell{min-height:100vh;display:grid;grid-template-columns:200px 1fr;background:radial-gradient(circle at 70% 10%,rgba(0,192,120,.1),transparent 36rem),var(--bg)}.sidebar{display:flex;flex-direction:column;padding:16px 10px;background:linear-gradient(180deg,#041713,#030c0a);border-right:1px solid #135143}.brand-card{display:flex;align-items:center;gap:12px;padding:8px 7px 21px;border-bottom:1px solid #1a4f44}.brand-card img{width:74px;height:52px;object-fit:contain}.brand-card b,.brand-card span{display:block}.brand-card b{font-size:14px}.brand-card span{margin-top:3px;color:#b7cdc3;font-size:11px;line-height:1.25}.nav{display:grid;gap:3px;margin-top:17px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 10px;color:#c8d8d0;background:transparent;border:1px solid transparent;border-radius:8px;font:inherit;font-size:13px;text-align:left;cursor:pointer}.nav-item i{width:17px;color:#c5dfd4;font-style:normal;font-size:18px;text-align:center}.nav-item:hover{background:#0b2a22}.nav-item.active{color:#fff;background:linear-gradient(90deg,#06794f,#075d40);border-color:#0b9a63;box-shadow:inset 2px 0 #21e395}.nav-item.active i{color:#42f6ad}.sidebar-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding:13px 6px 3px;border-top:1px solid #1a4f44}.sidebar-footer img{width:55px}.sidebar-footer small{color:#b2cbc0;font-size:8px;letter-spacing:.08em}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;height:58px;padding:0 30px;background:rgba(3,18,14,.94);border-bottom:1px solid #174a3e;backdrop-filter:blur(18px)}.topbar strong{font-size:17px}.menu-btn{display:none}.global-search{display:flex;align-items:center;gap:10px;width:min(520px,42vw);min-height:37px;margin-left:auto;padding:0 11px;background:#061a16;border:1px solid #265849;border-radius:7px}.global-search span{font-size:21px}.global-search input{min-width:0;flex:1;color:#ecf9f2;background:transparent;border:0;outline:0;font:inherit}.global-search kbd{padding:2px 6px;color:#a4bbb1;background:#16312b;border-radius:4px;font-size:10px}.header-actions{display:flex;align-items:center;gap:9px}.connect-glpi{padding:7px 11px;color:#032115;background:#22dc8e;border:1px solid #52f5b2;border-radius:7px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.connect-glpi.connected{color:#d9f9e8;background:#0c3528;border-color:#1b7656}.header-actions>div b,.header-actions>div small{display:block}.header-actions>div b{font-size:12px}.header-actions>div small{color:#a7c0b5;font-size:10px}.bell{position:relative;font-size:22px}.bell b{position:absolute;top:-5px;right:-7px;display:grid;place-items:center;width:15px;height:15px;background:#f44343;border-radius:50%;font-size:9px}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;color:white;background:#1687ef;border:2px solid #53b7ff;border-radius:50%;font-size:11px;font-weight:800}.avatar.sm{width:26px;height:26px;border:0;font-size:9px}.avatar.cyan{background:#057d99}.avatar.green{background:#08915d}.avatar.teal{background:#167e74}.avatar.purple{background:#704aa4}.view{display:none;padding:17px 28px 26px}.view.active{display:block}.hero{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:108px;padding:18px 20px;border:1px solid #164c40;border-radius:12px;background:linear-gradient(90deg,rgba(4,25,20,.95) 0%,rgba(4,25,20,.8) 50%,rgba(4,25,20,.2)),url('assets/mina-mbl-pro.png') 72% 46%/cover}.hero-tickets{min-height:100px;background:linear-gradient(90deg,rgba(4,18,14,.95) 0%,rgba(4,18,14,.82) 55%,rgba(4,18,14,.23)),url('assets/mina-mbl-pro.png') center 48%/cover}.eyebrow{color:#37ec9e;font-size:10px;font-weight:850;letter-spacing:.12em}.hero h1{margin:5px 0;color:white;font-size:30px;letter-spacing:-.035em}.hero p{margin:0;color:#c5d8cf;font-size:14px}.hero-meta{display:grid;gap:5px;min-width:268px;padding:12px 15px;background:rgba(3,16,12,.76);border:1px solid #315d50;border-radius:9px}.hero-meta b{font-size:12px}.hero-meta small{color:#9fbaad}.period-bar{display:flex;align-items:center;gap:10px;margin:12px 0}.period-bar>span{font-weight:700}.period-bar button,.panel header button,.filters button{padding:8px 18px;color:#d6ebe1;background:#09221c;border:1px solid #1b6955;border-radius:8px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.period-bar button.selected{color:#fff;background:linear-gradient(#0cd984,#069a62);border-color:#2bf0a2;box-shadow:0 0 16px rgba(20,226,140,.24)}.kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}.kpi{position:relative;display:flex;align-items:center;gap:12px;min-height:94px;padding:13px;overflow:hidden;background:linear-gradient(145deg,#08251e,#071914);border:1px solid #195344;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.18)}.kpi .icon{display:grid;place-items:center;width:44px;height:44px;background:#15473e;border-radius:10px;font-size:26px;font-weight:900}.icon.cyan{color:#69e5f8;box-shadow:inset 0 0 13px #087e91}.icon.blue{color:#62aaff;box-shadow:inset 0 0 13px #225ca9}.icon.green{color:#45f0a1;box-shadow:inset 0 0 13px #138d5b}.icon.yellow{color:#ffc34f;box-shadow:inset 0 0 13px #9b6712}.icon.red{color:#ff5a5b;box-shadow:inset 0 0 13px #982c30}.kpi strong,.kpi b,.kpi small{display:block}.kpi strong{color:#fff;font-size:27px;line-height:1}.kpi b{margin-top:5px;font-size:12px}.kpi small{margin-top:3px;color:#9db7aa;font-size:10px}.kpi em{position:absolute;right:12px;bottom:15px;color:#1eea96;font-size:11px;font-style:normal;font-weight:700}.kpi em.down{color:#1eea96}.kpi em.up-red{color:#ff6967}.dashboard-grid{display:grid;gap:12px}.top-grid{grid-template-columns:1.4fr .8fr .8fr}.lower-grid{grid-template-columns:1.1fr .76fr .76fr;margin-top:12px}.panel{overflow:hidden;background:linear-gradient(145deg,#08231d,#061611);border:1px solid #1b5043;border-radius:10px;box-shadow:0 9px 20px rgba(0,0,0,.14)}.panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #19483d}.panel h2{margin:0;color:#fff;font-size:14px;letter-spacing:-.02em}.panel header small{display:block;margin-top:2px;color:#9ab4a7;font-size:10px}.panel header button{padding:6px 10px;color:#e4fff1;background:#0c271f;border-radius:6px;font-size:10px}.legend{display:flex;flex-wrap:wrap;gap:9px;margin-top:9px;color:#b7cfc3;font-size:10px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.blue-dot{background:#2f91ee}.green-dot{background:#0bd887}.yellow-dot{background:#ffc44e}.red-dot{background:#fa575d}.chart{display:flex;height:187px;padding:13px 12px 25px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 30px,rgba(86,149,126,.16) 31px)}.axis{display:flex;flex-direction:column;justify-content:space-between;width:27px;color:#bdd0c6;font-size:9px}.bars{display:flex;flex:1;align-items:flex-end;justify-content:space-around;gap:12px}.bars>div{position:relative;display:flex;align-items:flex-end;width:42px;height:100%;padding-bottom:18px}.bars i{width:25%;height:var(--h);background:#2f91ee}.bars i:nth-child(2){background:#0bd887}.bars i:nth-child(3){background:#ffc44e}.bars i:nth-child(4){background:#fa575d}.bars small{position:absolute;bottom:0;color:#b6cabf;font-size:9px;white-space:nowrap}.ranking ol{display:grid;gap:9px;margin:0;padding:14px;list-style:none}.ranking li{position:relative;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;padding-bottom:7px;color:#d5e3db;font-size:11px}.ranking li span{display:grid;place-items:center;width:18px;height:18px;background:#123e34;border-radius:4px;font-size:9px}.ranking li b{font-size:10px}.ranking li i{position:absolute;bottom:0;left:29px;height:5px;background:linear-gradient(90deg,#09bb73,#26e49a);border-radius:9px}.category li{grid-template-columns:1fr auto}.category li i{left:0}.technicians table,.recent table{width:100%;border-collapse:collapse;font-size:10px}.technicians th,.technicians td,.recent th,.recent td{padding:9px 11px;border-bottom:1px solid #19463b;text-align:left}.technicians th,.recent th{color:#99b6a8;font-size:9px;text-transform:uppercase}.progress{display:inline-block;width:80px;height:6px;margin-left:7px;overflow:hidden;background:#1c4940;border-radius:4px;vertical-align:middle}.progress b,.hbars i b{display:block;height:100%;background:linear-gradient(90deg,#0ebc75,#1de495);border-radius:inherit}.hbars{padding:16px}.hbars p{display:grid;grid-template-columns:98px 1fr 25px;align-items:center;gap:7px;margin:10px 0;color:#d9e9df;font-size:10px}.hbars i{height:8px;background:#174037;border-radius:6px}.assets{position:relative;padding-bottom:15px}.assets header{border:0}.donut{display:grid;place-items:center;width:124px;height:124px;margin:4px auto;background:conic-gradient(#0ed484 0 56%,#389df7 56% 79%,#ffc34a 79% 88%,#b7c7c0 88% 100%);border-radius:50%}.donut:before{position:absolute;width:80px;height:80px;background:#09211b;border-radius:50%;content:""}.donut span{z-index:1;color:#fff;font-size:23px;font-weight:800;text-align:center}.donut small{display:block;color:#abc2b7;font-size:10px}.assets ul{display:grid;gap:5px;margin:0;padding:0 17px;list-style:none;font-size:10px}.assets li{display:flex;align-items:center;gap:6px}.assets li b{margin-left:auto}.recent{margin-top:12px}.recent header{align-items:center}.recent td{color:#d2dfd8}.ticket-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px}.ticket-list{min-width:0}.ticket-tabs{display:flex;gap:21px;padding:13px 14px 0;border-bottom:1px solid #1c5447}.ticket-tabs button{padding:0 0 12px;color:#b7cabf;background:transparent;border:0;border-bottom:2px solid transparent;font:inherit;font-size:11px;cursor:pointer}.ticket-tabs button.active{color:#19e799;border-bottom-color:#19e799;font-weight:800}.filters{display:flex;gap:8px;padding:12px}.filters label{display:flex;align-items:center;gap:6px;min-width:200px;flex:1;padding:0 9px;border:1px solid #275b4d;border-radius:6px}.filters input,.filters select{width:100%;height:33px;color:#d5e9de;background:#061a15;border:0;outline:0;font:inherit;font-size:10px}.filters select{width:auto;min-width:120px;padding:0 8px;border:1px solid #275b4d;border-radius:6px}.filters button{padding:0 9px;border-radius:6px;font-size:10px}.ticket-table-wrap{overflow:auto}.ticket-table{width:100%;min-width:920px;border-collapse:collapse;font-size:10px}.ticket-table th,.ticket-table td{padding:9px 9px;border-top:1px solid #19483d;text-align:left;vertical-align:middle}.ticket-table th{color:#9ab9aa;font-size:9px;text-transform:uppercase}.ticket-table tr.selected{background:linear-gradient(90deg,rgba(14,183,112,.17),rgba(14,183,112,.04))}.ticket-table td b,.ticket-table td small{display:block}.ticket-table td small{margin-top:3px;color:#9bb5a8;font-size:9px}.ticket-list footer{display:flex;justify-content:space-between;padding:12px;color:#b4cabd;font-size:10px}.pagination{word-spacing:9px}.pagination b{padding:4px 7px;background:#10cc7f;border-radius:4px;color:#072317}.tag{display:inline-flex;align-items:center;gap:3px;padding:4px 7px;border:1px solid transparent;border-radius:5px;font-size:9px;font-weight:800;white-space:nowrap}.blue-tag{color:#a7d7ff;background:#124d83;border-color:#2776ba}.yellow-tag{color:#ffe6a7;background:#704c16;border-color:#a47523}.red-tag{color:#ffbab5;background:#692627;border-color:#a33e3d}.green-tag{color:#a8f5cb;background:#0d5939;border-color:#168d58}.detail-panel{padding:14px;background:linear-gradient(160deg,#0b2922,#061712);border:1px solid #225a4c;border-radius:10px}.detail-panel header{display:flex;justify-content:space-between}.detail-panel header div{display:flex;align-items:center;gap:9px}.detail-panel header span{font-size:17px;font-weight:800}.detail-panel header button{color:#c7d8cf;background:transparent;border:0;font-size:25px}.detail-panel h2{margin:16px 0 8px;font-size:18px;letter-spacing:-.03em}.detail-panel>p{color:#aac1b6;font-size:10px;line-height:1.6}.detail-tabs{display:flex;gap:15px;padding:10px 0;border-bottom:1px solid #205144;color:#b6cdc1;font-size:10px}.detail-tabs b{color:#20e89a;border-bottom:2px solid #20e89a;padding-bottom:9px}.detail-description{margin-top:12px;padding:12px;background:#09231d;border:1px solid #1f5447;border-radius:7px}.detail-description b{font-size:11px}.detail-description p{color:#cfddd5;font-size:11px;line-height:1.5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:12px;border:1px solid #1f5447;border-radius:7px;overflow:hidden}.detail-grid p{display:grid;gap:4px;margin:0;padding:9px;border:1px solid rgba(38,93,78,.5);color:#9eb8ac;font-size:9px}.detail-grid b{color:#e4f1ea;font-size:10px}.person{margin-top:14px}.person>small{color:#9db7aa;font-size:10px}.person p{display:flex;align-items:center;gap:8px;margin:7px 0}.person b{font-size:10px}.person b small{color:#a6c0b3;font-weight:400}.detail-panel footer{display:flex;gap:6px;margin-top:17px}.detail-panel footer button{flex:1;padding:8px 5px;color:#d6e9df;background:#0b2821;border:1px solid #276554;border-radius:6px;font:inherit;font-size:9px;font-weight:700}.detail-panel footer button:disabled,.create-ticket:disabled{opacity:.5;cursor:not-allowed}.detail-panel footer .resolve{color:#032115;background:#1bdb8c;border-color:#3cf1a6}@media(max-width:1250px){.top-grid{grid-template-columns:1fr 1fr}.top-grid>.category{display:none}.lower-grid{grid-template-columns:1fr 1fr}.assets{display:none}.kpi-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.view{padding:14px}.topbar{padding:0 15px}.menu-btn{display:block;color:white;background:transparent;border:0;font-size:20px}.global-search{width:auto}.header-actions>div{display:none}.ticket-workspace{grid-template-columns:1fr}.detail-panel{display:none}.hero-meta{display:none}.lower-grid{grid-template-columns:1fr}.technicians{display:none}}@media(max-width:600px){.topbar strong{display:none}.global-search{flex:1;margin-left:0}.global-search kbd{display:none}.hero h1{font-size:24px}.hero p{font-size:12px}.hero{min-height:120px}.kpi-row{grid-template-columns:1fr 1fr}.kpi{min-height:84px}.kpi .icon{width:34px;height:34px;font-size:19px}.kpi strong{font-size:23px}.top-grid{grid-template-columns:1fr}.chart-panel{display:none}.ticket-tabs{overflow:auto;white-space:nowrap}.filters{flex-wrap:wrap}.filters label,.filters select,.filters button{flex:1}.connection-note{font-size:9px}}