:root{--bg:#f4f6fa;--panel:#fff;--ink:#172033;--muted:#748096;--line:#e7eaf0;--primary:#176bff;--sidebar:#111827;--green:#15946d;--amber:#b66b04;--red:#dc3545;--violet:#6d4aff;font-family:Tahoma,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:700;transition:.2s}.button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--primary);color:#fff;box-shadow:0 8px 22px #176bff35}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.compact{padding:9px 14px}.eyebrow{font-size:12px;font-weight:700;color:var(--primary);letter-spacing:.04em}.login-page,.state-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 10%,#e2ebff 0,transparent 32%),#f7f8fb}.login-card{width:min(900px,100%);min-height:510px;background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 28px 80px #17203318;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.login-art{position:relative;background:linear-gradient(145deg,#101828,#1c2942);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.login-art .mark{width:100px;height:100px;border:1px solid #ffffff45;border-radius:28px;display:grid;place-items:center;font:800 55px Arial;background:#ffffff0c;box-shadow:inset 0 0 30px #fff1;z-index:1}.login-art p{font-size:22px;line-height:1.8;text-align:center;z-index:1}.glow{position:absolute;width:250px;height:250px;border-radius:50%;filter:blur(4px)}.glow-one{background:#176bff44;top:-90px;left:-70px}.glow-two{background:#6d4aff33;bottom:-100px;right:-40px}.login-content{padding:70px 55px;display:flex;flex-direction:column;justify-content:center}.login-content h1{font-size:36px;margin:14px 0 8px}.login-content .muted{line-height:2;margin:0 0 30px}.gap-login{width:100%;padding:14px}.gap-symbol{font-size:12px;border:1px solid #ffffff77;border-radius:6px;padding:4px}.fineprint{text-align:center;color:#8b94a5;font-size:11px;margin-top:16px}.state-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px #17203314;text-align:center;padding:52px;width:min(520px,100%)}.state-card h1{margin:14px 0}.state-card p{line-height:2;margin-bottom:25px}.state-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;font-size:28px;margin:0 auto 20px}.state-icon.pending{background:#fff5df}.state-icon.rejected{background:#ffebed;color:var(--red)}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:fixed;inset:0 0 0 auto;width:260px;background:var(--sidebar);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 35px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--primary);font:bold 24px Arial}.brand div{display:flex;flex-direction:column;gap:3px}.brand strong{font-size:18px}.brand small{color:#91a0b7;font-size:10px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;background:transparent;color:#aeb8c9;border:0;border-radius:9px;padding:12px;text-align:right}.nav-item:hover,.nav-item.active{background:#ffffff11;color:#fff}.nav-item.active{box-shadow:inset -3px 0 var(--primary)}.nav-item span{font-size:18px}.badge{margin-right:auto;background:#ef4444;color:#fff;border-radius:12px;font-size:10px;padding:2px 7px}.sidebar-footer{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff16;display:flex;align-items:center;gap:9px}.avatar,.mini-avatar{display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#2563eb,#8b5cf6);color:#fff;border-radius:50%;flex:0 0 auto}.avatar{width:39px;height:39px}.avatar img,.mini-avatar img{width:100%;height:100%;object-fit:cover}.identity{display:flex;flex-direction:column;min-width:0}.identity strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity small{color:#8c99ad;font-size:10px;margin-top:4px}.icon-button{margin-right:auto;background:transparent;border:0;color:#9aa6b9;font-size:20px}.content{grid-column:2;padding:0 34px 40px;min-width:0}.topbar{height:94px;display:flex;align-items:center;border-bottom:1px solid var(--line);margin-bottom:28px}.topbar h1{font-size:22px;margin:0 0 7px}.topbar p{font-size:11px;color:var(--muted);margin:0}.topbar .button{margin-right:auto}.menu-button{display:none;border:0;background:transparent;font-size:24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;align-items:center;gap:14px}.metric-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-size:20px}.metric-icon.blue{background:#e8f1ff;color:#176bff}.metric-icon.amber{background:#fff3db;color:#bd7108}.metric-icon.green{background:#e5f7f0;color:#15946d}.metric-icon.violet{background:#f0ebff;color:#6d4aff}.metric-icon.red{background:#ffecef;color:#dc3545}.metrics article div{display:flex;flex-direction:column;gap:8px}.metrics small{font-size:11px;color:var(--muted)}.metrics strong{font-size:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.panel h2{font-size:16px;margin:0 0 7px}.panel-head p{font-size:10px;margin:0}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 12px;width:260px}.search input{border:0;outline:0;width:100%;padding:10px 0;background:transparent;font-size:11px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{color:#727e91;background:#fafbfc;font-size:10px;text-align:right;font-weight:500;padding:13px 22px}td{padding:16px 22px;border-top:1px solid #eef0f4;font-size:11px}tbody tr:hover{background:#fafcff}.issue-key{font-weight:700;color:var(--primary);text-decoration:none}.summary{display:flex;align-items:center;gap:10px;white-space:normal;min-width:260px;max-width:500px}.summary strong{font-size:11px;line-height:1.7}.type-dot{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;background:#e9f2ff;color:#2879f8;font-size:10px}.status{display:inline-block;padding:5px 9px;border-radius:7px;font-size:9px;font-weight:700}.status.done,.status.approved{background:#e7f6f0;color:#127958}.status.progress,.status.pending{background:#fff2d8;color:#9a5c04}.status.todo{background:#edf0f5;color:#5f6878}.status.rejected{background:#ffebed;color:#bd2433}.priority{font-size:10px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.page-button{border:1px solid var(--line);background:#fff;padding:7px 12px}.page-button:first-child{border-radius:0 7px 7px 0}.page-button:last-child{border-radius:7px 0 0 7px}.page-button:disabled{opacity:.45}.loading,.empty{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.loading span{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading p,.empty p{font-size:11px}.empty div{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff0f1;color:var(--red);font-weight:bold}.empty h3{margin:12px 0 0}.no-result{text-align:center;color:var(--muted);padding:40px}.user-metrics{grid-template-columns:repeat(3,1fr)}.user-cell{display:flex;align-items:center;gap:10px}.mini-avatar{width:35px;height:35px}.user-cell div{display:flex;flex-direction:column;gap:4px}.user-cell small{color:var(--muted);font-size:9px}.ltr{direction:ltr;text-align:right}.actions{display:flex;gap:6px}.action{border:0;border-radius:6px;padding:6px 10px;font-size:9px}.action.approve{background:#e7f6f0;color:#127958}.action.reject{background:#ffebed;color:#bd2433}.warning{background:#fff3cd;color:#795d05;border:1px solid #ffe28a;padding:12px 16px;border-radius:9px;margin-bottom:20px;font-size:11px;direction:ltr;text-align:left}.toast{position:fixed;left:24px;bottom:24px;z-index:50;background:#1d2939;color:#fff;border-radius:9px;padding:12px 18px;font-size:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast.error{background:#b42335}.toast.success{background:#107259}.overlay{display:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.content{padding-inline:22px}.summary{max-width:340px}}
@media(max-width:760px){.login-card{grid-template-columns:1fr}.login-art{min-height:230px}.login-art .mark{width:70px;height:70px;font-size:40px}.login-art p{font-size:16px}.login-content{padding:42px 30px}.app{display:block}.sidebar{transform:translateX(110%);transition:.25s}.menu-open .sidebar{transform:none}.overlay{position:fixed;inset:0;background:#11182788;z-index:15}.menu-open .overlay{display:block}.content{padding:0 14px 30px}.topbar{height:82px;gap:10px}.topbar h1{font-size:17px}.menu-button{display:block}.topbar .button{font-size:0;padding:9px}.topbar .button:first-letter{font-size:16px}.metrics,.user-metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{padding:14px;gap:9px}.metric-icon{width:38px;height:38px}.metrics strong{font-size:19px}.panel-head{align-items:stretch;flex-direction:column}.search{width:100%}.pagination{gap:10px}.login-page,.state-page{padding:14px}.state-card{padding:38px 24px}}
@media(max-width:420px){.metrics,.user-metrics{grid-template-columns:1fr}.login-art{display:none}.login-content h1{font-size:30px}}