:root{--ink:#302b26;--muted:#766f68;--paper:#f5f2ec;--surface:#fffdfa;--surface2:#ece6dc;--line:#ded6ca;--accent:#b6602f;--accent2:#95441e;--soft:#f4e5d9;--gold:#a97c1f;--green:#2f7050;--red:#a7483c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font:14px/1.55 IBM Plex Sans,IBM Plex Sans Arabic,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.serif,h1,h2{font-family:Fraunces,IBM Plex Sans Arabic,serif}.mono{font-family:IBM Plex Mono,monospace}.eyebrow{letter-spacing:1.8px;text-transform:uppercase;color:var(--accent);font:10px IBM Plex Mono,monospace}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.side{background:var(--surface);border-inline-end:1px solid var(--line);flex-direction:column;height:100vh;padding:30px 22px;display:flex;position:sticky;top:0}.logo{object-fit:contain;width:100px;height:70px}.nav{gap:5px;margin-top:42px;display:grid}.nav a{color:var(--muted);border-radius:7px;padding:11px 13px}.nav a:hover{background:var(--soft);color:var(--accent2)}.side-foot{margin-top:auto}.identity{border-top:1px solid var(--line);padding-top:20px}.identity strong{display:block}.identity small{color:var(--muted);overflow-wrap:anywhere}.logout{color:var(--muted);background:0 0;border:0;padding:10px 0}.main{min-width:0}.top{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;background:#f5f2eccf;justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex;position:sticky;top:0}.content{max-width:1500px;margin:auto;padding:40px}.heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.heading h1{margin:8px 0;font-size:39px;line-height:1.1}.heading p{color:var(--muted);margin:0}.btn{border:1px solid var(--line);background:var(--surface);border-radius:7px;justify-content:center;align-items:center;padding:9px 15px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--red)}.btn.small{padding:6px 10px;font-size:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:20px 23px;display:flex}.card-body{padding:23px}.grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:1/-1}.stats{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:18px 20px}.stat strong{margin:8px 0;font:34px Fraunces;display:block}.stat small{color:var(--muted)}.stat.accent{background:var(--accent);color:#fff}.stat.accent small{color:#ffffffa8}.field{gap:6px;display:grid}.field label{font-size:12px;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:100%;min-height:42px;padding:10px 12px}.field textarea{resize:vertical;min-height:120px}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.form-grid .wide{grid-column:1/-1}.actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.notice{background:var(--soft);color:var(--accent2);border-radius:7px;margin-bottom:18px;padding:13px 15px}.error{color:var(--red);font-size:12px}.success{color:var(--green);font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:start;border-bottom:1px solid var(--line);padding:14px 16px}th{text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:var(--paper);font:10px IBM Plex Mono}td.subject{white-space:normal;min-width:230px}.badge{background:var(--surface2);border-radius:4px;padding:3px 8px;font-size:11px;display:inline-block}.badge.new,.badge.reopened{background:var(--soft);color:var(--accent2)}.badge.resolved,.badge.closed,.badge.approved,.badge.confirmed,.badge.provisioned{color:var(--green);background:#e2f0e7}.badge.inprogress,.badge.assigned,.badge.pending_manager,.badge.pending_finance{color:#47617d;background:#e5ebf4}.badge.rejected,.badge.overdue{color:var(--red);background:#f4dfdb}.empty{text-align:center;color:var(--muted);padding:60px 20px}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters button{border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:6px 10px}.filters button.active{background:var(--soft);color:var(--accent2);border-color:var(--soft)}.chart{align-items:end;gap:8px;height:190px;padding-top:20px;display:flex}.bar{background:var(--accent);border-radius:4px 4px 0 0;flex:1;min-width:18px;position:relative}.bar span{white-space:nowrap;font:9px IBM Plex Mono;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.progress{background:var(--surface2);border-radius:9px;height:8px;overflow:hidden}.progress i{background:var(--accent);border-radius:inherit;height:100%;display:block}.jira-board{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.jira-col{background:var(--surface2);border-radius:9px;min-height:250px;padding:12px}.jira-card{background:var(--surface);border:1px solid var(--line);border-radius:7px;margin-top:9px;padding:13px}.jira-card small{color:var(--muted)}.login{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-story{color:#fff;background:#312d29;flex-direction:column;justify-content:space-between;padding:70px;display:flex}.login-story h1{max-width:620px;font-size:58px;line-height:1.05}.login-story p{color:#c9beb4;max-width:460px}.login-panel{place-items:center;padding:40px;display:grid}.login-box{width:100%;max-width:390px}.login-box h2{margin:10px 0;font-size:36px}.login-box .btn{width:100%;margin-top:26px;padding:13px}.detail{grid-template-columns:2fr 1fr;gap:20px;display:grid}.description{white-space:pre-wrap;background:var(--paper);border-radius:7px;padding:18px}.meta{grid-template-columns:1fr 1fr;gap:16px;display:grid}.meta dt{color:var(--muted);font-size:11px}.meta dd{margin:3px 0}.comment{border-bottom:1px solid var(--line);padding:16px 0}.comment p{white-space:pre-wrap}.settings-user{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.settings-user form{flex-wrap:wrap;gap:6px;margin-inline-start:auto;display:flex}.checkbox{align-items:center;gap:5px;font-size:11px;display:flex}.health{align-items:center;gap:7px;display:inline-flex}.health:before{content:"";background:#5b946f;border-radius:50%;width:7px;height:7px}@media (max-width:1000px){.shell{grid-template-columns:200px 1fr}.content{padding:28px 22px}.top{padding:0 22px}.stats{grid-template-columns:repeat(2,1fr)}.grid{display:block}.grid>*{margin-bottom:18px}.detail,.jira-board{grid-template-columns:1fr}}@media (max-width:700px){.shell{display:block}.side{flex-direction:row;align-items:center;gap:15px;height:auto;padding:14px 18px;display:flex;position:static;overflow:auto}.logo{width:55px;height:42px}.nav{white-space:nowrap;margin:0;display:flex}.nav a{padding:8px}.side-foot{display:none}.top{height:55px}.content{padding:25px 16px}.heading{align-items:start}.heading h1{font-size:30px}.stats{gap:9px}.stat{padding:14px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.login{display:block}.login-story{min-height:300px;padding:30px}.login-story h1{font-size:40px}.login-panel{padding:30px 20px}.meta{grid-template-columns:1fr}.hide-mobile{display:none}}