*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#090b0d;color:#f5f3ee}.center,.login{min-height:100vh;display:grid;place-items:center}.login{background:radial-gradient(circle at top,#242016,#090b0d 45%)}.loginBox{width:min(420px,90vw);text-align:center;border:1px solid #2c2c29;border-radius:24px;padding:42px 30px;background:#101214}.loginBox svg{color:#b8a476}.loginBox>small{display:block;letter-spacing:7px;color:#b8a476;margin-top:20px}.loginBox h1{letter-spacing:4px;margin:4px 0}.loginBox p{color:#92979d}.loginBox form{display:flex;flex-direction:column;gap:10px;margin-top:28px}.loginBox input{padding:15px;border-radius:11px;border:1px solid #303338;background:#090b0d;color:#fff}.notice{margin-top:25px;padding:14px;background:#18251d;border-radius:10px;color:#a7d2b3}.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{background:#0d0f11;border-right:1px solid #25282c;padding:32px 24px;display:flex;flex-direction:column;gap:8px}aside h2{letter-spacing:3px;margin:0 0 35px}aside h2 small{display:block;font-size:9px;color:#b8a476;letter-spacing:5px;margin-top:5px}aside b,aside span{padding:11px;border-radius:9px;font-size:13px;color:#9ca0a5}aside b{background:#1c1d1b;color:#c9b47e}main{padding:42px;max-width:1250px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}header small,.panelTitle small{letter-spacing:2px;color:#b8a476;font-weight:700;font-size:10px}h1{font-family:Georgia,serif;font-size:42px;line-height:1.05;margin:10px 0;max-width:680px}header p{color:#91969c}.headBtns{display:flex;gap:8px}button{border:0;border-radius:11px;background:#b8a476;color:#0a0c0e;padding:13px 17px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.ghost{background:#171a1e;color:#eee;border:1px solid #2c3035}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0}.card,.panel{background:#111418;border:1px solid #25292e;border-radius:16px}.card{padding:20px}.card strong{display:block;font-size:32px}.card span{color:#92979d;font-size:12px}.card.red strong{color:#ef887c}.card.gold strong{color:#d5b76f}.card.green strong{color:#8fc6a2}.panel{padding:24px}.panelTitle{display:flex;align-items:center;justify-content:space-between}.panelTitle h2{font-family:Georgia,serif;margin:6px 0 15px}.panel article{display:grid;grid-template-columns:42px 1fr auto 115px;gap:14px;align-items:center;border-top:1px solid #24282c;padding:17px 0}.docIcon{width:38px;height:38px;border:1px solid #2b2e32;border-radius:10px;display:grid;place-items:center;color:#b8a476}.docIcon svg{width:18px}.doc{display:flex;flex-direction:column;gap:4px}.doc strong{font-size:14px}.doc span,time{color:#858b92;font-size:11px}.doc em{width:max-content;font-style:normal;text-transform:uppercase;font-size:8px;letter-spacing:.7px;border-radius:5px;padding:4px 6px}.doc em.overdue,.doc em.critical{background:#3b1e1b;color:#ff9a8f}.doc em.due_soon{background:#3b321e;color:#e7c97c}.doc em.safe{background:#193024;color:#9bd0aa}.remain{text-align:center;min-width:65px}.remain b{display:block;color:#d8b66e;font-size:14px}.remain>b:first-child{font-size:21px}.remain small{font-size:9px;color:#888}.empty{padding:35px 0;color:#8f959c}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:20}.modal form{background:#121519;border:1px solid #30343a;padding:26px;border-radius:18px;width:min(470px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:13px}.modal h2{margin:0}.modal p{margin:0 0 5px;color:#8d9298;font-size:12px}.modal label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:6px}.modal input,.modal select,.modal textarea{padding:12px;border:1px solid #30343a;border-radius:9px;font:inherit;background:#090b0d;color:#fff}.modal textarea{min-height:70px}.dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cancel{background:#202328;color:#ddd}@media(max-width:760px){.app{display:block}aside{padding:15px 16px;flex-direction:row;overflow:auto;align-items:center;position:sticky;top:0;z-index:5}aside h2{margin:0 14px 0 0;font-size:15px}aside span{display:none}main{padding:27px 14px 90px}header{display:block}h1{font-size:34px}.headBtns{margin-top:18px}.headBtns button:first-child{flex:1}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:24px 0}.card{padding:15px 12px}.card strong{font-size:27px}.panel{padding:15px}.panel article{grid-template-columns:35px 1fr auto}.panel article time{display:none}.docIcon{width:33px;height:33px}.remain{min-width:52px}header p{font-size:13px}.dates{grid-template-columns:1fr}}