*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial;background:#f4f6f8;color:#17202a}.app{display:flex;min-height:100vh}.side{width:240px;background:#17365d;color:#fff;padding:18px;position:fixed;height:100vh}.side h2{font-size:18px}.side a{display:block;color:#dce9f7;text-decoration:none;padding:9px;border-radius:7px}.side a:hover{background:#285783}.main{margin-left:240px;padding:22px;width:calc(100% - 240px)}.bar,.box,.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 6px #0001;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.card small{color:#667085}.card b{display:block;font-size:24px;margin-top:5px}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.full{grid-column:1/-1}input,select,textarea{width:100%;padding:9px;border:1px solid #ccd3db;border-radius:7px}textarea{min-height:70px}.btn{border:0;background:#17365d;color:white;padding:9px 13px;border-radius:7px;cursor:pointer;text-decoration:none}.danger{background:#b42318}.green{background:#238636}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #e5e7eb;text-align:left}th{background:#f7f9fb}.due{color:#b42318;font-weight:700}.adv{color:#8a5a00;font-weight:700}.alert{padding:10px;background:#e8f5e9;border-radius:8px;margin-bottom:12px}@media(max-width:800px){.side{position:static;width:100%;height:auto}.app{display:block}.main{margin:0;width:100%}.form{grid-template-columns:1fr}}