:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d2944;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:#f5f7fb}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;background:#101b32;color:#bdc8dc;display:flex;flex-direction:column;transition:width .2s;position:sticky;top:0;height:100vh;z-index:3}.sidebar.collapsed{width:70px}.sidebar.collapsed .logo span:last-child,.sidebar.collapsed a:not(.logo),.sidebar.collapsed .workspace,.sidebar.collapsed .user-mini{font-size:0}.sidebar.collapsed nav a span{font-size:20px}.logo{height:72px;display:flex;align-items:center;gap:11px;padding:0 22px;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.4px}.logo-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#43b3ff,#5973ff);font-size:17px}.workspace{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#71809b;padding:22px 22px 9px}nav{padding:0 12px}nav a{display:flex;gap:13px;align-items:center;padding:11px 12px;margin:3px 0;border-radius:8px;font-size:14px;font-weight:600}nav a span{font-size:17px;color:#8ba3ca;width:18px;text-align:center}nav a:hover,nav a.active{color:#fff;background:#1c2d4c}nav a.active span{color:#55bdff}.sidebar-footer{margin:auto 14px 16px;padding:14px 8px 0;border-top:1px solid #263653;display:flex;gap:10px;align-items:center}.avatar{background:#5066e8;color:#fff;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800}.user-mini{display:grid;gap:2px;font-size:12px;overflow:hidden}.user-mini small{text-transform:capitalize;color:#8fa1bf}.main-shell{min-width:0;flex:1}.topbar{height:72px;background:#fff;border-bottom:1px solid #e6ebf3;display:flex;align-items:center;padding:0 28px;gap:20px}.icon-btn,.help{border:0;background:#f3f6fa;color:#53627b;border-radius:8px;width:34px;height:34px;font-size:18px;cursor:pointer}.crumb{font-size:14px;font-weight:700;color:#33415c}.crumb span{margin:0 8px;color:#b4bdca}.top-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.profile{border:1px solid #e1e7f0;background:#fff;border-radius:8px;color:#53627b;padding:8px 13px;cursor:pointer;font-size:13px}.tabbar{height:43px;background:#fff;display:flex;align-items:end;padding:0 20px;border-bottom:1px solid #e6ebf3;overflow:auto}.tab{height:37px;border:0;background:transparent;color:#738098;padding:0 13px;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:10px;white-space:nowrap;cursor:pointer;font-size:13px}.tab.active{background:#f5f7fb;color:#273753;font-weight:700}.tab i{font-style:normal;color:#8491a7;font-size:18px;line-height:1}.content{padding:28px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:11px;color:#7183a1;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin:0 0 5px}.page-heading h1{font-size:25px;letter-spacing:-.6px;margin:0;color:#17233d}.muted{color:#7b879b;font-size:14px}.button{border:0;background:#2e6df6;color:#fff;border-radius:8px;padding:10px 15px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #2e6df625}.button.secondary{background:#fff;color:#42516a;box-shadow:none;border:1px solid #dfe6f0}.card{background:#fff;border:1px solid #e6ebf3;border-radius:12px;padding:20px;box-shadow:0 2px 5px #19274705}.grid{display:grid;gap:18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric{padding:19px}.metric .label{color:#7b879b;font-size:13px;font-weight:700}.metric .number{display:block;font-size:29px;color:#1d2a45;font-weight:800;letter-spacing:-1px;margin:8px 0}.metric .delta{font-size:12px;color:#20a676;font-weight:700}.metric .delta.warn{color:#e19234}.dashboard-grid{grid-template-columns:1.35fr .8fr}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.card h2{font-size:15px;margin:0;color:#263551}.bar-row{display:grid;grid-template-columns:100px 1fr 35px;gap:10px;align-items:center;margin:15px 0;color:#60708b;font-size:13px}.bar{height:8px;background:#edf1f6;border-radius:9px;overflow:hidden}.bar span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#4b86fb,#7e66ef)}.bar-row:nth-child(3) .bar span{background:linear-gradient(90deg,#fbad45,#f46c79)}.bar-row:nth-child(4) .bar span{background:#37b89b}.bar-row:nth-child(5) .bar span{background:#8290a8}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#4b86fb;margin-right:7px}.status-dot.resolved{background:#36b996}.status-dot.closed{background:#98a4b5}.table-card{padding:0;overflow:hidden}.table-toolbar{padding:18px 20px;border-bottom:1px solid #eef1f5;display:flex;justify-content:space-between;align-items:center;gap:12px}.table-tools{display:flex;gap:10px}.search{width:240px;border:1px solid #dfe6ef;border-radius:8px;padding:9px 12px;background:#fff}.filter{border:1px solid #dfe6ef;border-radius:8px;padding:9px;background:#fff;color:#526079}table{width:100%;border-collapse:collapse}th{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#8290a6;background:#fafbfd;padding:13px 20px;text-align:left}td{padding:15px 20px;border-top:1px solid #eef1f5;font-size:13px;color:#45536c}td strong{color:#263552}.table-link{color:#2e6df6;font-weight:700}.badge{display:inline-flex;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:800;text-transform:capitalize}.badge.new{background:#e9f1ff;color:#316ada}.badge.in_progress{background:#fff2dd;color:#b87516}.badge.resolved{background:#e5f7f1;color:#27866f}.badge.closed{background:#eef1f5;color:#718096}.badge.high,.badge.critical{background:#ffe8ec;color:#ce4b63}.badge.medium{background:#fff3da;color:#b27819}.badge.low{background:#e9f2ff;color:#4773b5}.row-actions{display:flex;gap:8px}.action{border:1px solid #e0e6ef;background:#fff;border-radius:6px;padding:5px 8px;font-size:12px;color:#4a5a73;cursor:pointer}.pagination{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;color:#7b879b;font-size:13px}.page-controls{display:flex;gap:5px}.page-controls button{min-width:30px;height:30px;border:1px solid #e1e7f0;background:#fff;border-radius:6px;color:#54627a;cursor:pointer}.page-controls button.active{background:#2e6df6;color:#fff;border-color:#2e6df6}.auth{margin:10vh auto;max-width:430px}.auth h1{margin-top:0}form{display:grid;gap:13px}label{display:grid;gap:6px;color:#43526d;font-size:13px;font-weight:700}input,textarea,select{padding:10px 11px;border:1px solid #d8e0eb;border-radius:8px;background:#fff;color:#263552}textarea{min-height:130px}.error{color:#c73f52;font-size:13px}@media (max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:70px}.sidebar .logo span:last-child,.sidebar a:not(.logo),.sidebar .workspace,.sidebar .user-mini{font-size:0}.sidebar nav a span{font-size:20px}}@media (max-width:700px){.sidebar{display:none}.content{padding:18px}.topbar{padding:0 16px}.metric-grid{grid-template-columns:1fr 1fr}.table-toolbar{align-items:stretch;flex-direction:column}.table-tools,.search{width:100%}table{min-width:720px}.table-card{overflow:auto}.crumb{display:none}}