@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#f5f3ff;font-synthesis:none;text-rendering:optimizelegibility;background:#090711;font-family:Inter,sans-serif}body{background:radial-gradient(circle at 10% 0,#7c3aed38,#0000 32%),radial-gradient(circle at 90% 10%,#a855f724,#0000 28%),linear-gradient(135deg,#090711 0%,#100b1d 48%,#08070e 100%);min-height:100vh}.login-page,.loading-screen{background:radial-gradient(circle at 50% 20%,#7c3aed40,#0000 35%),#090711;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#140f23d1;border:1px solid #a78bfa33;border-radius:28px;width:min(430px,100% - 40px);padding:42px;box-shadow:0 30px 100px #0000008c,0 0 80px #7c3aed1f}.logo,.loading-logo,.brand-logo{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:0 10px 35px #7c3aed66}.logo{border-radius:18px;width:58px;height:58px;margin-bottom:24px}.login-card h1{margin:0;font-size:32px}.subtitle{color:#a8a1ba;margin:8px 0 32px}.login-card form{flex-direction:column;gap:10px;display:flex}.login-card label{color:#d8d2e8;margin-top:8px;font-size:13px;font-weight:600}input,select{color:#fff;background:#100d19;border:1px solid #302741;border-radius:12px;outline:none;width:100%;padding:14px 15px;font-family:inherit;transition:all .2s}input:focus,select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.login-card button,.upload-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:0;border-radius:12px;margin-top:12px;padding:14px;font-weight:700;transition:all .2s}.login-card button:hover,.upload-form button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #7c3aed59}.loading-screen{flex-direction:column;gap:18px}.loading-logo{border-radius:22px;width:70px;height:70px;font-size:24px}.loading-screen p{color:#9d96ad}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0914eb;border-right:1px solid #8b5cf61f;flex-direction:column;width:260px;min-height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0}.brand{align-items:center;gap:12px;padding:8px 10px 28px;font-size:18px;font-weight:800;display:flex}.brand-logo{border-radius:12px;width:40px;height:40px;font-size:14px}.nav-item{color:#938ca4;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:13px;width:100%;padding:12px 14px;font-family:inherit;font-weight:600;transition:all .2s;display:flex}.nav-item span{text-align:center;width:22px;font-size:17px}.nav-item:hover{color:#fff;background:#8b5cf617;border-color:#8b5cf61f}.nav-item.active{color:#fff;background:linear-gradient(90deg,#7c3aed40,#7c3aed14);border-color:#8b5cf638;box-shadow:inset 3px 0 #8b5cf6}.user-mini{background:#100d19;border:1px solid #251d34;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.user-mini strong,.user-mini small{display:block}.user-mini strong{font-size:13px}.user-mini small{color:#746d80;text-overflow:ellipsis;max-width:150px;margin-top:3px;font-size:10px;overflow:hidden}.avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#4c1d95);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.logout-button{color:#8f879d;cursor:pointer;background:#120e1b;border:1px solid #2b223a;border-radius:11px;width:100%;margin-top:10px;padding:11px}.logout-button:hover{color:#f87171;border-color:#f8717140}.main-content{width:calc(100% - 260px);margin-left:260px;padding:34px 42px 60px}.topbar h1{letter-spacing:-.03em;margin:0;font-size:28px}.topbar-user{color:#9b94a9;align-items:center;gap:10px;font-size:13px;display:flex}.page-description,.page-intro p{color:#81798f}.dashboard-hero{background:radial-gradient(circle at 85% 40%,#8b5cf638,#0000 35%),linear-gradient(135deg,#181027,#100c19);border:1px solid #8b5cf638;border-radius:24px;min-height:230px;padding:34px;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000047}.status-dot{color:#86efac;background:#22c55e14;border:1px solid #4ade802e;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:7px 11px;font-size:11px;font-weight:700;display:flex}.dashboard-hero h2{letter-spacing:-.04em;margin:28px 0 8px;font-size:34px}.dashboard-hero p{color:#958da4;max-width:550px;margin:0}.hero-decoration{color:#8b5cf60f;font-size:180px;font-weight:900;position:absolute;bottom:-45px;right:55px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;display:grid}.stat-card{color:#fff;text-align:left;cursor:pointer;border:1px solid #292139;border-radius:20px;min-height:155px;padding:22px;transition:all .25s;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:.05;background:currentColor;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-45px;right:-35px}.ticket-open{color:#c4b5fd;background:linear-gradient(145deg,#171126,#100d19)}.ticket-active{color:#93c5fd;background:linear-gradient(145deg,#13172a,#0e101b)}.ticket-resolved{color:#86efac;background:linear-gradient(145deg,#111c1a,#0d1312)}.ticket-total{color:#d8b4fe;background:linear-gradient(145deg,#1b1528,#110d19)}.stat-symbol{font-size:20px}.stat-card strong{letter-spacing:-.05em;margin-top:20px;font-size:38px;display:block}.dashboard-columns{grid-template-columns:1.5fr 1fr;gap:18px;margin-top:18px;display:grid}.panel{background:linear-gradient(145deg,#171123f2,#0e0b15f2);border:1px solid #282036;border-radius:20px;box-shadow:0 20px 60px #0003}.panel-header-row{justify-content:space-between;align-items:center;padding:22px 22px 15px;display:flex}.panel-header-row h3{margin:0;font-size:15px}.small-action{color:#a78bfa;cursor:pointer;background:#171123;border:1px solid #34294a;border-radius:9px;padding:8px 10px;font-size:11px}.small-action:hover{background:#211832}.recent-ticket{border-top:1px solid #20192b;align-items:center;gap:14px;padding:13px 10px;display:flex}.ticket-number{color:#8b5cf6;font-size:11px;font-weight:700}.recent-ticket-info strong,.recent-ticket-info span{display:block}.recent-ticket-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.recent-ticket-info span{color:#6e6878;margin-top:3px;font-size:10px}.quick-actions{gap:10px;padding:0 18px 18px;display:grid}.quick-actions button>span{background:#8b5cf621;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:12px}.quick-actions small{color:#6f687c;margin-top:3px;font-size:10px}.quick-actions b{color:#8b5cf6}.tickets-toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.ticket-filters{background:#100d18;border:1px solid #292139;border-radius:13px;gap:6px;padding:5px;display:flex}.ticket-filters button{color:#827a91;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 13px}.ticket-layout{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ticket-list{gap:8px;display:grid}.ticket-row{color:#fff;text-align:left;cursor:pointer;background:#110d1a;border:1px solid #292139;border-radius:15px;align-items:center;gap:13px;width:100%;padding:16px;display:flex}.ticket-row-content{flex:1;min-width:0}.ticket-row-content strong,.ticket-row-content span{display:block}.ticket-row-content strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ticket-row-content span{color:#716a7d;margin-top:4px;font-size:10px}.status-badge,.priority-badge,.role-badge{border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:6px 8px;font-size:9px;font-weight:800;display:inline-flex}.status-badge.open{color:#c4b5fd;background:#8b5cf61f}.status-badge.in_progress{color:#93c5fd;background:#60a5fa1f}.status-badge.resolved{color:#86efac;background:#4ade801a}.status-badge.closed{color:#94a3b8;background:#94a3b81a}.priority-badge{color:#a8a0b5;background:#1b1624}.priority-badge.high,.priority-badge.urgent{color:#fca5a5;background:#f871711a}.ticket-detail{align-self:start;padding:24px}.ticket-detail-header{justify-content:space-between;display:flex}.ticket-detail h2{margin:6px 0 0;font-size:20px}.close-detail{color:#a39aaa;cursor:pointer;background:#151020;border:1px solid #302740;border-radius:8px;width:30px;height:30px;font-size:20px}.ticket-meta{gap:10px;margin-top:24px;display:grid}.ticket-meta>div{background:#100d18;border-radius:11px;justify-content:space-between;align-items:center;padding:12px;display:flex}.ticket-meta span:first-child{color:#70697c;font-size:10px}.ticket-meta strong{font-size:11px}.ticket-description{margin-top:20px}.ticket-description>span,.ticket-status-actions>span{color:#8d8598;text-transform:uppercase;font-size:10px;font-weight:700}.ticket-description p{color:#bbb4c7;font-size:12px;line-height:1.6}.ticket-status-actions{margin-top:25px}.ticket-status-actions>div{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.status-button{color:#a8a0b2;cursor:pointer;background:#15101f;border:1px solid #30263f;border-radius:9px;padding:8px 10px}.status-button:hover{color:#fff;border-color:#8b5cf6}.page-intro{margin-bottom:20px}.link-card{color:#fff;background:linear-gradient(145deg,#171124,#100d18);border:1px solid #2b223c;border-radius:18px;align-items:center;gap:16px;padding:22px;text-decoration:none;transition:all .25s;display:flex}.link-icon{background:#8b5cf621;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.link-content{flex:1}.link-content h3{margin:0;font-size:14px}.document-header{justify-content:space-between;align-items:center;display:flex}.upload-button{color:#fff;cursor:pointer;background:#6d28d9;border:1px solid #8b5cf64d;border-radius:11px;padding:11px 15px;font-weight:700}.panel-header h3{margin:0}.panel-header p{color:#716a7c;font-size:11px}.upload-form{gap:9px;margin-top:20px;display:grid}.document-card{background:#110d1a;border:1px solid #292139;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}.document-icon{background:#8b5cf61f;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.document-info{flex:1;min-width:0}.document-info h3{margin:0;font-size:13px}.document-actions{gap:6px;display:flex}.download-button,.delete-button{color:#aaa1b5;cursor:pointer;background:#171121;border:1px solid #302740;border-radius:8px;padding:8px 9px;font-size:10px}.download-button:hover{color:#c4b5fd;border-color:#8b5cf6}.delete-button:hover{color:#fca5a5;border-color:#ef4444}.employees-list{gap:12px;display:grid}.employee-card{background:linear-gradient(145deg,#171124,#100d18);border:1px solid #292139;border-radius:16px;align-items:center;gap:15px;padding:18px;display:flex}.employee-avatar{background:#8b5cf61f;border-radius:13px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.employee-info{flex:1}.employee-info h3{margin:0;font-size:13px}.employee-info p{color:#6f687a;margin:5px 0 0;font-size:10px}.empty-icon{opacity:.7;margin-bottom:14px;font-size:28px}.empty-state h4{margin:0;font-size:14px}.empty-state p{color:#6f687a;font-size:11px}.coming-soon{min-height:300px}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns,.ticket-layout{grid-template-columns:1fr}}@media (width<=800px){.sidebar{width:72px;padding:18px 10px}.brand span,.nav-item:not(.active){font-size:0}.brand,.nav-item{justify-content:center}.sidebar-bottom{display:none}.main-content{width:calc(100% - 72px);margin-left:72px;padding:24px 18px}.topbar-user span{display:none}.links-grid,.documents-grid{grid-template-columns:1fr}}@media (width<=600px){.stats-grid{grid-template-columns:1fr}.dashboard-hero{padding:25px}.dashboard-hero h2{font-size:27px}.tickets-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.ticket-filters{width:100%;overflow-x:auto}.ticket-row{flex-wrap:wrap}}:root{--bg:#08070d;--bg-soft:#0d0b14;--surface:#12101b;--surface-2:#171421;--surface-3:#1c1828;--border:#ffffff14;--border-purple:#8b5cf647;--purple:#8b5cf6;--purple-light:#a78bfa;--purple-dark:#6d28d9;--text:#f7f5ff;--text-soft:#c8c2d8;--muted:#8f89a3;--green:#34d399;--blue:#60a5fa;--yellow:#fbbf24;--red:#fb7185;--shadow:0 20px 60px #00000059;--shadow-purple:0 20px 60px #6d28d929;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 15% 0,#7c3aed29,#0000 30%),radial-gradient(circle at 90% 15%,#8b5cf617,#0000 28%),#08070d;font-family:Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--purple-light);outline-offset:2px}.loading-screen{min-height:100vh;color:var(--text);background:radial-gradient(circle,#7c3aed33,#0000 38%),#08070d;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-logo{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;font-size:22px;font-weight:800;display:flex;box-shadow:0 0 0 8px #8b5cf614,0 20px 50px #6d28d959}.loading-screen p{color:var(--muted);margin-top:18px}.login-page{background:radial-gradient(circle at 50% 0,#7c3aed3d,#0000 38%),radial-gradient(circle at 10% 90%,#6d28d924,#0000 32%),#08070d;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--border-purple);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1b1627f5,#0d0b14f5);border-radius:28px;width:min(430px,100%);padding:42px;box-shadow:0 35px 100px #00000080,0 0 80px #6d28d914}.logo{color:#fff;background:linear-gradient(135deg,#a78bfa,#6d28d9);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;font-size:18px;font-weight:800;display:flex;box-shadow:0 15px 35px #6d28d959}.login-card h1{color:#fff;letter-spacing:-.8px;margin:0;font-size:30px}.subtitle{color:var(--muted);margin:8px 0 32px;font-size:14px}.login-card form{flex-direction:column;display:flex}.login-card label{color:#d8d3e5;margin-bottom:8px;font-size:13px;font-weight:600}.login-card input{border:1px solid var(--border);color:#fff;background:#ffffff0b;border-radius:12px;width:100%;margin-bottom:18px;padding:14px 15px}.login-card input::placeholder{color:#686277}.login-card input:focus{background:#8b5cf60f;border-color:#8b5cf6a6;box-shadow:0 0 0 4px #8b5cf614}.login-card form>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;margin-top:6px;padding:14px;font-weight:700;transition:all .2s;box-shadow:0 15px 30px #6d28d940}.login-card form>button:hover{transform:translateY(-1px);box-shadow:0 18px 35px #6d28d961}.login-card form>button:disabled{opacity:.6;cursor:not-allowed}.error{color:#fda4af;background:#fb718514;border:1px solid #fb718540;border-radius:10px;margin:12px 0;padding:12px 14px;font-size:13px}.dashboard{background:radial-gradient(circle at 65% 0,#7c3aed12,#0000 28%),#08070d;min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:10;background:linear-gradient(#110e19fa,#09080efa);flex-direction:column;width:250px;padding:22px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{color:#fff;align-items:center;gap:11px;padding:5px 9px 28px;font-size:16px;font-weight:800;display:flex}.brand-logo{background:linear-gradient(135deg,#a78bfa,#6d28d9);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;display:flex;box-shadow:0 10px 25px #6d28d947}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#9992aa;text-align:left;cursor:pointer;background:0 0;border-radius:11px;align-items:center;gap:12px;width:100%;padding:11px 13px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.nav-item span{justify-content:center;width:21px;font-size:16px;display:flex}.nav-item:hover{color:#e7e2f2;background:#8b5cf614}.nav-item.active{color:#fff;box-shadow:inset 3px 0 0 var(--purple);background:linear-gradient(90deg,#8b5cf62e,#8b5cf60f)}.sidebar-bottom{margin-top:auto}.user-mini{border:1px solid var(--border);background:#ffffff06;border-radius:13px;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.avatar{color:#ddd6fe;background:linear-gradient(135deg,#a78bfa4d,#6d28d980);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex}.user-mini strong{color:#e8e4f0;font-size:12px;display:block}.user-mini small{text-overflow:ellipsis;white-space:nowrap;color:#777083;max-width:140px;margin-top:3px;font-size:10px;display:block;overflow:hidden}.logout-button{color:#c98592;cursor:pointer;background:#fb71850b;border:1px solid #fb718526;border-radius:10px;width:100%;padding:10px;font-size:12px;font-weight:600;transition:all .2s}.logout-button:hover{color:#fda4af;background:#fb718517}.main-content{width:calc(100% - 250px);min-height:100vh;margin-left:250px;padding:30px 38px 50px}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{color:#8b5cf6;letter-spacing:2px;margin:0 0 5px;font-size:10px;font-weight:800}.topbar h1{color:#fff;letter-spacing:-.7px;margin:0;font-size:27px}.topbar-user{border:1px solid var(--border);color:#aaa4b8;background:#ffffff06;border-radius:12px;align-items:center;gap:10px;padding:7px 12px 7px 7px;font-size:12px;display:flex}.dashboard-hero{min-height:205px;box-shadow:0 25px 70px #00000040, var(--shadow-purple);background:radial-gradient(circle at 80% 30%,#8b5cf638,#0000 38%),linear-gradient(135deg,#171225,#0f0d18);border:1px solid #8b5cf638;border-radius:23px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:34px 38px;display:flex;position:relative;overflow:hidden}.dashboard-hero:before{content:"";border:1px solid #a78bfa1a;border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;right:15%;box-shadow:0 0 0 35px #8b5cf606,0 0 0 70px #8b5cf605}.hero-content{z-index:1;position:relative}.status-dot{color:#7ee7bd;background:#34d3990f;border:1px solid #34d3992e;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:11px;font-weight:600;display:inline-flex}.status-dot span{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #34d399b3}.dashboard-hero h2{color:#fff;letter-spacing:-1px;margin:18px 0 8px;font-size:32px}.dashboard-hero p{color:#a8a1b7;max-width:520px;margin:0;font-size:13px;line-height:1.7}.hero-decoration{z-index:1;color:#a78bfa59;background:linear-gradient(145deg,#8b5cf629,#6d28d90a);border:1px solid #a78bfa2e;border-radius:30px;justify-content:center;align-items:center;width:115px;height:115px;font-size:30px;font-weight:800;display:flex;position:relative;transform:rotate(5deg)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--border);color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#191523fa,#0e0c15fa);border-radius:18px;min-height:155px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000002e}.stat-card:after{content:"";background:var(--card-glow,#8b5cf614);border-radius:50%;width:100px;height:100px;position:absolute;bottom:-45px;right:-35px}.stat-card:hover{border-color:#8b5cf64d;transform:translateY(-3px);box-shadow:0 20px 50px #00000047,0 0 30px #6d28d90f}.ticket-open{--card-glow:#fbbf241f}.ticket-active{--card-glow:#60a5fa1f}.ticket-resolved{--card-glow:#34d3991f}.ticket-total{--card-glow:#8b5cf624}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-label{color:#8f889e;letter-spacing:1.3px;font-size:9px;font-weight:800}.stat-symbol{border:1px solid var(--border);background:#ffffff0a;border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;display:flex}.stat-card strong{color:#fff;letter-spacing:-1px;margin-top:18px;font-size:34px;line-height:1;display:block}.stat-description{color:#777083;margin-top:10px;font-size:11px;display:block}.panel{border:1px solid var(--border);background:linear-gradient(145deg,#16131efa,#0d0b13fa);border-radius:18px;box-shadow:0 15px 45px #0000002e}.dashboard-columns{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px;display:grid}.dashboard-columns .panel{min-width:0}.panel-header-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:22px 22px 17px;display:flex}.panel-header-row h3{color:#f5f2fb;margin:0;font-size:14px}.panel-header-row p{color:#777083;margin:5px 0 0;font-size:11px}.small-action{color:#bba7f5;cursor:pointer;background:#8b5cf614;border:1px solid #8b5cf640;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:700;transition:all .2s}.small-action:hover{color:#fff;background:#8b5cf629}.recent-tickets{padding:7px 12px 12px}.recent-ticket{border-bottom:1px solid #ffffff0b;align-items:center;gap:12px;padding:13px 10px;display:flex}.recent-ticket:last-child{border-bottom:0}.ticket-number{color:#756d83;min-width:48px;font-size:10px;font-weight:700}.recent-ticket-info{flex:1;min-width:0}.recent-ticket-info strong{text-overflow:ellipsis;white-space:nowrap;color:#ddd8e8;font-size:12px;display:block;overflow:hidden}.recent-ticket-info span{text-overflow:ellipsis;white-space:nowrap;color:#706979;margin-top:3px;font-size:10px;display:block;overflow:hidden}.quick-actions{flex-direction:column;gap:8px;padding:14px;display:flex}.quick-actions button{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#ffffff0b,#ffffff05);border:1px solid #ffffff0e;border-radius:13px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex;position:relative}.quick-actions button:hover{background:linear-gradient(135deg,#8b5cf621,#8b5cf60a);border-color:#8b5cf64d;transform:translate(2px)}.quick-actions button>span{background:#8b5cf61c;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:15px;display:flex}.quick-actions button div{flex:1}.quick-actions strong{color:#e9e5f1;font-size:12px;display:block}.quick-actions small{color:#777083;margin-top:3px;font-size:10px;display:block}.quick-actions b{color:#71697f;font-size:14px}.empty-state{text-align:center;padding:55px 25px}.empty-state.compact{padding:35px 20px}.empty-icon{background:#8b5cf60f;border:1px solid #8b5cf629;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 13px;font-size:18px;display:flex}.empty-state h4{color:#dcd7e7;margin:0;font-size:13px}.empty-state p{color:#716a7c;max-width:380px;margin:7px auto 0;font-size:11px;line-height:1.6}.page-intro{color:#8d879a;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;font-size:12px;display:flex}.page-intro p{margin:0}.page-description{color:#8c8598;margin:0;font-size:12px}.tickets-toolbar{border:1px solid var(--border);background:#ffffff06;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:15px;display:flex}.ticket-filters{border:1px solid var(--border);background:#00000029;border-radius:11px;gap:5px;padding:4px;display:flex}.ticket-filters button{color:#777083;cursor:pointer;background:0 0;border-radius:8px;padding:7px 11px;font-size:10px;font-weight:700}.ticket-filters button:hover{color:#c8c1d5}.ticket-filters button.selected{color:#ddd2ff;background:linear-gradient(135deg,#8b5cf640,#6d28d926);box-shadow:0 5px 15px #6d28d926}.ticket-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.65fr);align-items:start;gap:15px;display:grid}.ticket-list{flex-direction:column;gap:7px;display:flex}.ticket-row{border:1px solid var(--border);color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#16131efa,#0d0b13fa);border-radius:14px;grid-template-columns:55px minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:14px;transition:all .2s;display:grid}.ticket-row:hover,.ticket-row.selected{background:linear-gradient(145deg,#1e182cfa,#0f0c17fa);border-color:#8b5cf64d}.ticket-row-number{color:#817a90;font-size:10px;font-weight:700}.ticket-row-content{min-width:0}.ticket-row-content strong{text-overflow:ellipsis;white-space:nowrap;color:#e6e1ed;font-size:12px;display:block;overflow:hidden}.ticket-row-content span{text-overflow:ellipsis;white-space:nowrap;color:#6e6778;margin-top:4px;font-size:10px;display:block;overflow:hidden}.status-badge{letter-spacing:.5px;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;width:max-content;padding:6px 8px;font-size:8px;font-weight:800;display:inline-flex}.status-badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-badge.open{color:#f5c75b;background:#fbbf2412;border-color:#fbbf2429}.status-badge.in_progress{color:#78b5f8;background:#60a5fa12;border-color:#60a5fa29}.status-badge.resolved{color:#61dcae;background:#34d39912;border-color:#34d39929}.status-badge.closed{color:#9ca5b5;background:#94a3b80f;border-color:#94a3b824}.priority-badge{color:#91899d;background:#ffffff0b;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:700}.priority-badge.high{color:#e7b94d;background:#fbbf2412}.priority-badge.urgent{color:#f48699;background:#fb718514}.ticket-detail{position:sticky;top:25px;overflow:hidden}.ticket-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:15px;padding:22px;display:flex}.ticket-detail-number{color:#8b5cf6;font-size:10px;font-weight:800}.ticket-detail-header h2{color:#eeeaf4;margin:7px 0 0;font-size:18px;line-height:1.3}.close-detail{color:#81798d;cursor:pointer;background:#ffffff0a;border-radius:9px;width:30px;height:30px;font-size:18px}.close-detail:hover{color:#fda4af;background:#fb718514}.ticket-meta{grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 22px;display:grid}.ticket-meta>div{border:1px solid var(--border);background:#ffffff06;border-radius:10px;min-width:0;padding:11px}.ticket-meta span:first-child{color:#686174;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.ticket-meta strong{text-overflow:ellipsis;color:#cfc9d9;font-size:10px;display:block;overflow:hidden}.ticket-description{padding:5px 22px 20px}.ticket-description>span,.ticket-status-actions>span{color:#746d80;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.ticket-description p{border:1px solid var(--border);color:#aaa3b4;background:#00000024;border-radius:11px;margin:0;padding:14px;font-size:11px;line-height:1.7}.ticket-status-actions{border-top:1px solid var(--border);padding:18px 22px}.ticket-status-actions>div{flex-wrap:wrap;gap:6px;display:flex}.status-button{border:1px solid var(--border);color:#aaa3b4;cursor:pointer;background:#ffffff09;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:700;transition:all .2s}.status-button:hover{transform:translateY(-1px)}.status-button.open:hover{color:#f5c75b;border-color:#fbbf244d}.status-button.active:hover{color:#78b5f8;border-color:#60a5fa4d}.status-button.resolved:hover{color:#61dcae;border-color:#34d3994d}.status-button.closed:hover{color:#c4cad4;border-color:#94a3b84d}.links-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.link-card{border:1px solid var(--border);color:inherit;background:linear-gradient(145deg,#181421fa,#0d0b13fa);border-radius:16px;align-items:center;gap:13px;padding:17px;text-decoration:none;transition:all .2s;display:flex}.link-card:hover{border-color:#8b5cf652;transform:translateY(-3px);box-shadow:0 18px 45px #00000040}.link-icon{background:#8b5cf61a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:18px;display:flex}.link-content{flex:1;min-width:0}.link-content h3{color:#e8e3ef;margin:0;font-size:12px}.link-content p{color:#756e80;margin:4px 0 0;font-size:10px}.link-arrow{color:#71697d;font-size:15px}.document-header{align-items:center}.upload-button{color:#cbbcff;cursor:pointer;background:linear-gradient(135deg,#8b5cf62e,#6d28d914);border:1px solid #8b5cf64d;border-radius:10px;padding:9px 13px;font-size:10px;font-weight:700;transition:all .2s}.upload-button:hover{color:#fff;background:#8b5cf640}.upload-panel{margin-bottom:16px;padding:22px}.panel-header h3{color:#eeeaf5;margin:0;font-size:15px}.panel-header p{color:#756e80;margin:5px 0 20px;font-size:11px}.upload-form{gap:8px;display:grid}.upload-form label{color:#aaa2b5;margin-top:5px;font-size:10px;font-weight:700}.upload-form input,.upload-form select{border:1px solid var(--border);color:#e8e2ee;background:#ffffff09;border-radius:10px;width:100%;padding:11px 12px;font-size:11px}.upload-form select option{color:#fff;background:#15121d}.upload-form input:focus,.upload-form select:focus{border-color:#8b5cf680}.upload-form>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:10px;margin-top:8px;padding:11px;font-size:11px;font-weight:700}.upload-form>button:disabled{opacity:.5}.selected-file{color:#a78bfa;margin:4px 0;font-size:10px}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px;display:grid}.document-card{border:1px solid var(--border);background:linear-gradient(145deg,#17141ffa,#0d0b13fa);border-radius:16px;flex-direction:column;padding:18px;display:flex}.document-icon{background:#8b5cf617;border-radius:11px;justify-content:center;align-items:center;width:43px;height:43px;margin-bottom:14px;font-size:17px;display:flex}.document-info h3{color:#e7e2ed;margin:0;font-size:13px}.document-info p{color:#746d7e;margin:5px 0 18px;font-size:10px}.document-actions{gap:7px;margin-top:auto;display:flex}.download-button,.delete-button{cursor:pointer;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:700}.download-button{color:#bcaaf5;background:#8b5cf61a}.download-button:hover{background:#8b5cf62e}.delete-button{color:#cf7f8d;background:#fb71850f}.delete-button:hover{color:#fda4af;background:#fb71851c}.employee-header{align-items:flex-start}.privacy-notice{color:#716a7c;margin-top:7px;font-size:10px;display:block}.id-lock-button{color:#c4b5fd;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf659;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:32px;padding:0;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.id-lock-button:hover{color:#fff;background:#8b5cf638;border-color:#8b5cf6a6;transform:translateY(-1px)}.id-code-form{background:#8b5cf614;border:1px solid #8b5cf640;border-radius:10px;flex-direction:column;gap:8px;margin:-8px 0 18px;padding:14px;display:flex}.id-code-form label{color:#c4b5fd;font-size:10px;font-weight:700}.id-code-controls{flex-wrap:wrap;gap:8px;display:flex}.id-code-controls input{border:1px solid var(--border);color:#fff;background:#0003;border-radius:8px;min-width:150px;min-height:32px;padding:0 10px}.id-code-controls button{color:#fff;cursor:pointer;background:#8b5cf6;border:0;border-radius:8px;min-height:32px;padding:0 12px;font-size:10px;font-weight:700}.id-code-error{color:#fca5a5;font-size:10px}.employees-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.employee-card{border:1px solid var(--border);background:linear-gradient(145deg,#181421fa,#0d0b13fa);border-radius:16px;align-items:center;gap:13px;padding:17px;transition:all .2s;display:flex}.employee-card:hover{border-color:#8b5cf63d;transform:translateY(-2px)}.employee-avatar{background:linear-gradient(135deg,#8b5cf629,#6d28d914);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:17px;display:flex}.employee-info{flex:1;min-width:0}.employee-info h3{color:#e7e2ed;margin:0;font-size:12px}.employee-info p{text-overflow:ellipsis;white-space:nowrap;color:#706979;margin:5px 0 0;font-size:9px;overflow:hidden}.employee-role{flex-shrink:0}.role-badge{color:#bca9f4;text-transform:uppercase;background:#8b5cf617;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800;display:inline-flex}.role-badge.admin{color:#cbbaff;background:#8b5cf626}.coming-soon{justify-content:center;align-items:center;min-height:420px;display:flex}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns,.ticket-layout{grid-template-columns:1fr}.ticket-detail{position:relative;top:0}}@media (width<=800px){.sidebar{width:70px;padding:18px 10px}.brand{justify-content:center;padding-bottom:25px}.brand span{display:none}.brand-logo{width:40px;height:40px}.nav-item{justify-content:center;padding:12px}.nav-item span{margin:0}.nav-item{font-size:0}.sidebar-bottom{flex-direction:column;align-items:center;display:flex}.user-mini{background:0 0;border:0;padding:5px}.user-mini>div:last-child{display:none}.logout-button{font-size:0}.logout-button:after{content:"↪";font-size:15px}.main-content{width:calc(100% - 70px);margin-left:70px;padding:24px}.topbar-user span,.hero-decoration{display:none}}@media (width<=600px){.main-content{padding:18px 14px 35px}.topbar{margin-bottom:20px}.topbar h1{font-size:23px}.dashboard-hero{border-radius:18px;min-height:180px;padding:25px}.dashboard-hero h2{font-size:25px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:135px;padding:15px}.stat-card strong{font-size:27px}.stat-description{font-size:9px}.tickets-toolbar{flex-direction:column;align-items:stretch}.ticket-filters{overflow-x:auto}.ticket-row{grid-template-columns:42px minmax(0,1fr) auto;gap:8px}.ticket-row .priority-badge{display:none}.ticket-meta{grid-template-columns:1fr}.ticket-detail-header{padding:17px}.ticket-description{padding-left:17px;padding-right:17px}.ticket-status-actions{padding:17px}.page-intro{align-items:flex-start}.employee-header{align-items:center}.employees-list,.documents-grid,.links-grid{grid-template-columns:1fr}.login-card{padding:28px 22px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#08070d}::-webkit-scrollbar-thumb{background:#2b2537;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#45385b}::selection{color:#fff;background:#8b5cf659}