*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;background:#f3f6fb;color:#11162a}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:12px;background:#6545d6;color:white;padding:12px 18px}input,select,textarea{width:100%;border:1px solid #e2e7f0;border-radius:12px;padding:13px;background:white}textarea{min-height:90px}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#10172f,#6a46df)}.login-card{width:min(430px,92vw);background:white;border-radius:24px;padding:28px;box-shadow:0 20px 60px #0004;text-align:center}.login-card .logo{font-size:48px}.login-card input{margin:8px 0}.login-card button{width:100%;margin-top:10px}.msg{margin-top:12px;color:#d33}.app{display:flex;min-height:100vh}.sidebar{width:265px;background:#10172f;color:white;padding:24px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center}.brand-logo{width:50px;height:50px;border-radius:15px;background:#ffffff18;display:grid;place-items:center}.brand h2,.brand p{margin:0}.brand p{opacity:.8;font-size:13px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{background:transparent;text-align:right;padding:14px;border-radius:12px}.sidebar nav button.active,.sidebar nav button:hover{background:#6a46df}.profile{margin-top:auto;border:1px solid #ffffff22;padding:12px;border-radius:16px;display:grid;gap:10px}.profile button{background:#ffffff18;padding:8px 10px}.main{flex:1;padding:22px}.topbar{height:70px;background:white;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px;margin-bottom:22px;box-shadow:0 5px 20px #24375b0d}.topbar h1{font-size:24px;flex:1}.iconbtn,.back{background:#eef1f8;color:#17213a;padding:10px 13px}.page{display:none}.active-page{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.big-stats{grid-template-columns:repeat(5,1fr)}.card,.panel{background:white;border:1px solid #e5e9f2;border-radius:22px;box-shadow:0 5px 20px #24375b0a}.card{padding:22px;display:flex;gap:14px;align-items:center}.card span{font-size:30px;background:#f0edff;border-radius:50%;width:60px;height:60px;display:grid;place-items:center}.card h3{font-size:32px;margin:0}.card p{margin:4px 0 0;color:#657087}.panel{padding:22px;margin-top:18px}.panel-head,.toolbar,.actions{display:flex;gap:12px;align-items:center;justify-content:space-between}.toolbar{margin-bottom:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:13px;border-bottom:1px solid #edf0f6;text-align:right;white-space:nowrap}th{color:#657087;font-weight:700}.badge{padding:7px 12px;border-radius:10px;font-size:13px;display:inline-block}.scheduled{background:#edf4ff;color:#3778d4}.done{background:#e9f8ee;color:#21824a}.cancelled{background:#fff0f0;color:#d33}.danger{background:#e74747}.secondary{background:#eef1f8;color:#17213a}.form-panel{max-width:900px}form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{display:grid;gap:7px;color:#39425a}label:has(textarea),.form-panel .actions{grid-column:1/-1}.row-actions{display:flex;gap:6px}.row-actions button{padding:7px 9px;font-size:12px}.row-actions .edit{background:#e9f0ff;color:#2867c7}.row-actions .donebtn{background:#e9f8ee;color:#21824a}.row-actions .cancel{background:#fff7e6;color:#b86b00}.row-actions .delete{background:#fff0f0;color:#d33}.small-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{background:#eef1f8;color:#17213a;border-radius:999px;padding:8px 12px;display:inline-flex;gap:8px}.chip button{padding:0;background:transparent;color:#d33}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.checks label{display:flex;align-items:center;background:#f7f9fd;border-radius:12px;padding:10px}.checks input{width:auto}canvas{width:100%;max-height:260px}@media(max-width:1000px){.big-stats,.stats{grid-template-columns:1fr 1fr}.small-grid{grid-template-columns:1fr 1fr}}@media(max-width:850px){.app{display:block}.sidebar{position:fixed;right:-280px;z-index:10;transition:.25s}.sidebar.open{right:0}.main{padding:14px}.stats,.big-stats{grid-template-columns:1fr}.card{justify-content:space-between;flex-direction:row-reverse;text-align:right}.topbar{border-radius:0;margin:-14px -14px 18px}.toolbar,.panel-head{align-items:stretch;flex-direction:column}form,.small-grid,.checks{grid-template-columns:1fr}table{min-width:900px}}@media print{.sidebar,.topbar,.toolbar,.actions,.login-screen{display:none!important}.main{padding:0}.panel{box-shadow:none;border:0}.page{display:block}.page:not(#reports){display:none}.print-area{display:block}}