:root{font-family:Arial,Helvetica,sans-serif;color:#1c2b43;background:#f6f8fc}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#edf4ff,#f9fbff);padding:20px}.login-card{background:white;padding:42px;border-radius:18px;box-shadow:0 15px 45px #1e3b641a;width:min(420px,100%)}.login-card h1{font-size:27px;margin:20px 0 4px}.login-card p,.login-card small{color:#718097}.login-card small{display:block;margin-top:22px}.login-card form{display:grid;grid-gap:12px;gap:12px;margin-top:26px}.login-card .primary{margin-top:10px}.brand-icon{display:grid;place-items:center;width:45px;height:45px;background:#387ff7;color:#fff;border-radius:12px}label{font-weight:650;font-size:13px;display:block;margin-bottom:7px}input,select,textarea{border:1px solid #dce3ee;border-radius:9px;background:#fff;color:#23344d;padding:12px 13px;width:100%;outline-color:#387ff7}textarea{resize:vertical}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:12px 18px;font-weight:700}.primary{background:#387ff7;color:white}.primary:hover{background:#256ce2}.secondary{background:#fff;border:1px solid #dce3ee;color:#31435e}.shell{display:flex;min-height:100vh}.sidebar{width:252px;background:#fff;border-right:1px solid #e4e9f1;padding:28px 16px;display:flex;flex-direction:column;flex-shrink:0}.logo{display:flex;gap:12px;align-items:center;padding:0 8px 38px}.logo b{font-size:16px;letter-spacing:.07em}.logo small,.userbox small{display:block;color:#7b8799;font-size:12px;margin-top:3px}.eyebrow,.side-label{color:#8a98ad;font-size:11px;letter-spacing:.12em;font-weight:800;margin:0 12px 13px}.nav{display:flex;align-items:center;gap:11px;background:transparent;border:0;border-radius:9px;width:100%;padding:13px;color:#64738a;text-align:left;font-weight:650}.nav.active{color:#3175e7;background:#eaf2ff}.sidebar-bottom{margin-top:auto}.userbox{display:flex;gap:10px;align-items:center;padding:17px 9px;border-top:1px solid #e8edf3}.userbox b{font-size:13px}.main{flex:1 1;min-width:0;max-width:1450px;padding:45px 52px}.main header{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.main header .eyebrow{margin:0 0 10px}.main h1{font-size:30px;letter-spacing:-.04em;margin:0 0 8px}.card-heading p,.main header p,.table-top p{margin:0;color:#8290a2;font-size:14px}.secure{display:flex;gap:6px;align-items:center;color:#4b8c65;font-size:12px;font-weight:700}.form-card,.table-card{background:#fff;border:1px solid #e5eaf2;border-radius:15px;box-shadow:0 5px 18px #263b5d08}.form-card{max-width:850px;padding:30px 36px}.card-heading{display:flex;align-items:center;gap:14px;padding-bottom:25px;border-bottom:1px solid #edf0f4}.heading-icon{padding:13px;border-radius:10px;background:#eaf2ff;color:#387ff7}.card-heading h2,.table-top h2{font-size:18px;margin:0 0 6px}.expense-form{display:grid;grid-gap:24px;gap:24px;margin-top:28px}.fields{display:grid;grid-gap:20px;gap:20px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.hint{font-weight:400;color:#8491a3;margin-left:6px}.upload-box{border:2px dashed #c9d9ef;background:#f8fbff;border-radius:12px;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#3777df;cursor:pointer;text-align:center;padding:18px}.upload-box span{color:#8290a2;font-weight:400}.hidden{display:none}.submit{justify-self:start;padding:14px 28px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:23px}.stat{background:#fff;border:1px solid #e5eaf2;border-radius:13px;padding:22px;position:relative}.stat span{color:#8190a3;font-size:13px}.stat strong{display:block;margin-top:11px;font-size:27px}.stat svg{position:absolute;right:20px;top:22px;color:#8aaeea}.table-top{display:flex;align-items:center;justify-content:space-between;padding:25px}.filters{display:flex;gap:10px;padding:0 25px 22px;flex-wrap:wrap}.filters input[type=date],.filters select{width:auto;max-width:180px}.search{position:relative;flex:1 1;min-width:220px}.search svg{position:absolute;top:13px;left:13px;color:#8b99ab}.search input{padding-left:39px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f8fafd;color:#8794a7;font-size:10px;letter-spacing:.07em;padding:15px 19px}td{padding:17px 19px;border-top:1px solid #edf0f4;color:#586982}tbody tr{cursor:pointer}tbody tr:hover{background:#f9fbff}td b{color:#26364d}td small{display:block;margin-top:5px;color:#92a0b0}.amount{font-weight:750;color:#23344d}.status{display:inline-block;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:750;background:#fff5db;color:#a87811}.status.approved,.status.reimbursed{background:#e8f8ee;color:#27814c}.status.rejected{background:#ffecec;color:#b44848}.icon-btn{background:none;border:0;padding:5px;color:#6a88b1}.empty{padding:50px;text-align:center;color:#8794a7}.notice{padding:13px 16px;border-radius:9px;margin-bottom:22px;display:flex;justify-content:space-between}.notice.error{background:#fff1f0;color:#a43d34}.notice.success{background:#e9f8ee;color:#277347}.notice button{border:0;background:none;color:inherit;font-size:19px}.overlay{position:fixed;inset:0;background:#0b1e3b88;display:flex;justify-content:flex-end;z-index:10}.drawer{background:#fff;width:min(480px,100%);height:100%;overflow:auto;padding:36px;position:relative;box-shadow:-10px 0 30px #0002}.close{position:absolute;right:25px;top:20px;border:0;background:none;font-size:30px;color:#718097}.drawer .eyebrow{margin:0 0 12px}.drawer h2{margin:0 0 25px}.drawer h3{font-size:15px;margin:25px 0 10px}.detail{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #edf0f4;font-size:13px}.detail span{color:#8391a4}.detail b{text-align:right}.purpose{background:#f6f8fc;padding:15px;border-radius:9px;line-height:1.6;white-space:pre-wrap}.actions{display:flex;gap:10px}.actions button{flex:1 1}@media(max-width:850px){.sidebar{width:76px;padding:18px 10px}.logo{padding:0 5px 30px}.logo div,.nav:not(.active),.side-label{font-size:0}.logo div,.userbox div{display:none}.nav{font-size:0;justify-content:center}.nav svg{flex-shrink:0}.main{padding:28px 20px}.secure{display:none}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:19px}.stat svg{display:none}}@media(max-width:550px){.sidebar{width:60px}.main{padding:24px 12px}.main h1{font-size:23px}.form-card{padding:20px 16px}.stats,.two{grid-template-columns:1fr}.stat{padding:13px}.stat strong{margin-top:4px}.filters{padding:0 12px 16px}.table-top{padding:17px}.table-top .secondary{font-size:11px}}