:root{font-family:Arial,Helvetica,sans-serif;color:#232638;background:#f6f7fb;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b495ff;outline-offset:3px}button{border:1px solid #dee0e9;background:white;border-radius:8px;padding:10px 14px;color:inherit;font-size:14px;font-weight:600}input,select,textarea{border:1px solid #dee0e9;border-radius:8px;background:white;color:#333649;padding:11px 12px;min-width:0;font-size:14px}input:focus,textarea:focus,select:focus{outline:2px solid #bca1f2;outline-offset:1px}textarea{resize:vertical}a{text-decoration:none;color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:236px;background:#191a2b;color:#b8b8cb;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 18px;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:19px;font-weight:700;padding:0 9px;white-space:nowrap}.logo{background:#8751e9;display:grid;place-items:center;width:34px;height:36px;border-radius:9px}.workspace{font-size:12px;letter-spacing:1.7px;margin:46px 14px 14px;color:#828298}.nav{display:flex;align-items:center;gap:11px;width:100%;background:transparent;border:0;color:#b7b7c9;margin:5px 0;padding:13px 14px;font-weight:400;text-align:left}.nav span{margin-left:auto;font-size:12px;color:#9998b1}.nav.active{background:#353047;color:#e8dcff}.nav.active svg{color:#b38af8}.nav:hover{background:#2a283d}.sidebottom{display:flex;align-items:center;gap:10px;border-top:1px solid #333345;margin-top:auto;padding:22px 9px 0}.avatar{width:36px;height:36px;border-radius:50%;background:#e9ddfc;color:#7742c8;display:inline-grid;place-items:center;font-weight:700;flex-shrink:0}.sidebottom strong{font-size:14px;color:#eeeef5}.sidebottom small{display:block;font-size:12px;margin-top:5px;color:#9696aa}.main{margin-left:236px;flex:1;min-width:0}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:white;border-bottom:1px solid #e8e9f0;font-size:14px}.crumb{display:flex;align-items:center;gap:14px;color:#888a9b}.crumb strong{font-weight:500;color:#454759}.private{font-size:12px;border:1px solid #e1e1ea;border-radius:20px;padding:6px 12px;color:#777889}.mobile{display:none}main{max-width:1600px;margin:auto;padding:36px 40px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:16px}.eyebrow{font-size:12px;letter-spacing:1.7px;color:#8a65bb;font-weight:700;margin:0 0 10px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0;font-weight:700}.subtitle{margin:12px 0 0;color:#77798a;font-size:14px}.primary{background:#8050d6;border-color:#8050d6;color:white;display:inline-flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 3px 8px #8050d61a}.primary:hover{background:#6c3dc1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.stat{background:white;border:1px solid #e5e5ef;padding:20px 22px;text-align:left;border-radius:12px;box-shadow:0 3px 8px #191a2b02}.stat>div{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;color:#77798a}.stat svg{color:#9775ca}.stat strong{display:block;margin:16px 0 9px;font-size:32px;font-weight:600;line-height:1}.stat small{font-size:12px;color:#9798a7;font-weight:400}.stat:hover{border-color:#b999ec}.stat.resolved svg{color:#409e85}.stat.waiting svg{color:#cd9a44}.list{border:1px solid #e4e5ee;border-radius:12px;background:white;overflow:hidden}.listheading{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.listheading>div{display:flex;align-items:center;gap:12px}.listheading span{background:#f2edf9;border-radius:6px;padding:4px 8px;font-size:12px;color:#8054b4}h2{font-size:18px;font-weight:600;margin:0}.listheading select{border:0;color:#77798a;background:#fafafb}.toolbar{display:flex;gap:12px;padding:0 24px 22px}.search{display:flex;align-items:center;gap:8px;border:1px solid #dee0e9;border-radius:8px;flex:1;min-width:160px;padding:0 12px;color:#999bad}.search input{width:100%;border:0;background:transparent;outline:0}.toolbar select{max-width:220px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:12px;font-weight:500;color:#8b8d9b;background:#fafafb;padding:13px 18px;border-block:1px solid #ececf2}th:first-child{padding-left:24px}td{padding:16px 18px;border-bottom:1px solid #eeeef4;font-size:14px}td:first-child{padding-left:24px;width:45%;min-width:230px;white-space:normal}tr:hover td{background:#fdfbff}.requestlink{display:block;text-align:left;background:transparent;padding:0;border:0;max-width:480px}.requestlink small{display:block;color:#9491a4;font-size:12px;font-weight:400}.requestlink strong{display:block;font-size:15px;line-height:1.5;color:#333344;margin:4px 0;overflow-wrap:anywhere}.requestlink span{font-size:12px;color:#9899a7;font-weight:400}.badge{padding:5px 9px;border-radius:6px;font-size:12px;background:#f0eafb;color:#8254c5;white-space:nowrap}.badge.in-progress{background:#eaf0ff;color:#4979c7}.badge.waiting{background:#fff4dc;color:#a57829}.badge.resolved{background:#e4f5ed;color:#32886c}.priority{display:flex;align-items:center;gap:7px;font-size:13px}.priority i{height:7px;width:7px;background:#a2a6b3;border-radius:50%}.priority.high i{background:#e8aa4b}.priority.urgent i{background:#de6473}.owner{display:flex;align-items:center;gap:8px;color:#7c7e8f}.mini{height:25px;width:25px;font-size:11px}.muted{color:#888a9b;font-size:13px}.icon{display:inline-flex;padding:5px;border:0;align-items:center;justify-content:center;background:transparent;color:#9392a6}.listfooter{padding:17px 24px;font-size:12px;color:#9697a6;display:flex;justify-content:space-between;gap:10px}.empty{padding:62px 20px 70px;display:flex;align-items:center;flex-direction:column;text-align:center;border-top:1px solid #eeeef4;min-height:320px}.emptyicon{display:grid;place-items:center;background:#f2edf9;color:#9974d2;width:65px;height:65px;border-radius:18px;margin-bottom:18px}.empty h3{font-size:18px;margin:0 0 10px;font-weight:600}.empty p{color:#9192a0;font-size:14px;margin:0 0 24px;line-height:1.6}.empty button{font-size:14px}footer{display:flex;justify-content:space-between;color:#a2a2b1;font-size:12px;margin-top:24px}.overlay{position:fixed;inset:0;background:#19152569;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}.dialog{background:white;border-radius:16px;padding:28px;max-width:620px;width:100%;max-height:92dvh;overflow:auto;box-shadow:0 20px 70px #21162b40}.dialoghead{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.dialoghead h2{font-size:23px;overflow-wrap:anywhere;line-height:1.35}.dialog label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#696779;margin:16px 0}.dialog input,.dialog textarea,.dialog select{width:100%;font-size:16px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.description{font-size:16px;line-height:1.65;color:#626173;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px 0}.detailmeta{display:flex;justify-content:space-between;color:#9a92a9;font-size:12px;gap:10px}.requester{font-size:14px;display:flex;gap:12px;border-bottom:1px solid #eeeaf3;padding-bottom:20px;color:#9b93a7}.requester strong{font-weight:500;color:#555066}.activity{border-top:1px solid #e9e5ef;margin-top:24px;padding-top:23px}.activity h3{display:flex;gap:8px;align-items:center;font-weight:600;font-size:16px}.activity article{display:flex;gap:13px;padding:14px 0}.activity small{font-size:12px;color:#9a91aa}.activity p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0;line-height:1.5}.activitydot{width:7px;height:7px;background:#b89edb;border-radius:50%;margin-top:6px;flex-shrink:0}.error,.success{margin:12px 24px;padding:12px 15px;border-radius:8px;background:#fff0f1;color:#a44353;font-size:14px;line-height:1.5}.dialog .error,.dialog .success{margin:12px 0}.success{background:#eaf7ef;color:#367b53}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.sidebar{width:215px}.main{margin-left:215px}main{padding:30px 24px}header{padding:0 24px}.stats{gap:12px}.stat{padding:18px 15px}.stat small{font-size:12px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.toolbar select{flex:1;max-width:none}}@media(max-width:760px){.sidebar{display:none;width:236px;top:70px;box-shadow:10px 0 30px #20203322}.sidebar.show{display:flex}.sidebar .brand{display:none}.workspace{margin-top:10px}.main{margin-left:0}.mobile{display:flex}header{height:70px;padding:0 18px}.crumb{gap:8px}.private{font-size:11px;padding:5px 8px}main{padding:28px 16px}.heading{align-items:flex-start}.heading .primary{font-size:13px;padding:10px;white-space:nowrap;margin-top:22px}h1{font-size:27px}.eyebrow{font-size:11px}.subtitle{font-size:13px;line-height:1.5;max-width:220px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.stat{padding:17px}.stat strong{font-size:28px}.stat small{font-size:11px}.listheading{padding:20px 16px;flex-wrap:wrap}.listheading h2{font-size:16px}.listheading select{font-size:12px;padding:5px}.toolbar{padding:0 16px 18px;gap:8px}.toolbar select{font-size:13px;padding:10px 8px}.search input{font-size:13px}.listfooter{padding:16px;font-size:11px}.listfooter span{max-width:150px;text-align:right}.empty{padding:45px 20px}.overlay{padding:12px}.dialog{padding:23px 20px;max-height:95dvh}.dialoghead h2{font-size:21px}.formgrid{gap:0 12px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}
.headeractions{display:flex;align-items:center;gap:12px}.loginwrap{min-height:100dvh;margin:0;max-width:none;display:grid;place-items:center;padding:24px;background:#f6f7fb}.login{max-width:440px;width:100%;background:white;border:1px solid #e4e5ee;border-radius:18px;padding:36px;box-shadow:0 15px 55px #24143908}.loginbrand{display:flex;align-items:center;gap:12px;margin-bottom:38px;font-size:21px}.login h1{font-size:27px}.login p{font-size:15px;color:#858093;line-height:1.6;margin:14px 0 24px}.login label{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#696779}.login input{font-size:16px;min-height:46px}.login .primary{width:100%;margin-top:18px;min-height:44px}.login .error{margin:0 0 20px}.login small{display:block;font-size:12px;color:#a9a3b3;text-align:center;margin-top:30px}@media(max-width:760px){.login{padding:28px 24px}.headeractions{gap:6px}}