@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#172033;--muted:#748096;--line:#e7eaf1;--bg:#f5f7fb;--purple:#5946df;--purple-dark:#4534c4;--green:#13795b;--red:#b42318}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}h1,h2,strong{font-family:Manrope,sans-serif}h1{font-size:clamp(25px,3vw,34px);margin:5px 0}h2{font-size:19px;margin:0}p{margin:8px 0}.hidden{display:none!important}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--purple);font-weight:700;margin:0}.primary,.secondary,.ghost,.icon-btn{font:inherit;font-weight:700;border:0;border-radius:10px;padding:11px 16px;cursor:pointer}.primary{background:var(--purple);color:white}.primary:hover{background:var(--purple-dark)}.secondary{background:#eef0f7;color:var(--ink)}.ghost{background:transparent;color:#d7dbeb;padding:8px 0}.full{width:100%;margin-top:10px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,#e9e5ff,transparent 40%),var(--bg)}.login-card{width:min(100%,420px);background:white;border:1px solid var(--line);padding:34px;border-radius:22px;box-shadow:0 18px 55px #202b4d12}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#f0edff;color:var(--purple);font-weight:800;font-family:Manrope,sans-serif;margin-bottom:20px}.brand-mark.small{width:39px;height:39px;margin:0;border-radius:12px;font-size:12px}.login-card h1{margin-top:8px}.login-card label{display:block;margin-top:18px}.login-card input{margin-top:7px}label{font-size:12px;font-weight:700;color:#465066}input,select,textarea{width:100%;border:1px solid #dfe3ec;background:white;border-radius:9px;padding:11px 12px;font:inherit;font-size:13px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#8d80f0;box-shadow:0 0 0 3px #5946df18}.tiny{font-size:11px;color:var(--muted);line-height:1.5;margin-top:18px}.message{font-size:12px;min-height:16px;color:var(--red)}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{background:#151a2b;color:white;padding:25px 18px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:0 4px 30px}.brand strong{font-size:12px;display:block}.brand span{font-size:11px;color:#9da6bd;display:block;margin-top:4px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px 13px;border-radius:9px;color:#b9c0d2;text-decoration:none;font-size:13px}.sidebar nav a.active,.sidebar nav a:hover{background:#292343;color:white}.sidebar-bottom{margin-top:auto;display:grid;gap:10px;font-size:11px;color:#aeb6ca;overflow-wrap:anywhere}.main{padding:30px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:16px}.stat{padding:19px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:29px;margin-top:8px}.panel{padding:22px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.filters{display:flex;gap:8px;min-width:40%}.filters input{min-width:140px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;color:#8790a4;font-size:10px;text-transform:uppercase;letter-spacing:.7px;background:#fafbfe}th,td{padding:13px 12px;border-bottom:1px solid #edf0f5}td:first-child{font-weight:700}.empty{text-align:center;color:var(--muted);padding:30px}.pill{display:inline-block;padding:5px 8px;border-radius:7px;background:#f0edff;color:#5140c8;font-size:10px;font-weight:700}.row-actions{display:flex;gap:6px}.row-actions button{border:0;background:#f0f2f8;border-radius:7px;padding:6px 8px;cursor:pointer;font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fcfcff}.project-card strong{font-size:13px;display:block}.project-card span{font-size:11px;color:var(--muted);display:block;margin-top:5px}footer{text-align:center;color:#9aa2b3;font-size:11px;padding:12px}dialog{border:0;border-radius:18px;padding:0;width:min(720px,calc(100% - 24px));box-shadow:0 24px 80px #11182745}dialog::backdrop{background:#11182788}.dialog-form{padding:25px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{margin-top:5px}.icon-btn{font-size:25px;background:#f1f2f7;padding:2px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label input,.form-grid label select,.form-grid label textarea{display:block;margin-top:7px}.wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
@media(max-width:950px){.app{grid-template-columns:1fr}.sidebar{min-height:auto;padding:14px 18px}.brand{padding-bottom:12px}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.main{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.panel-head{align-items:flex-start;flex-direction:column}.filters{width:100%;min-width:0}.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.main{padding:14px}.topbar{align-items:flex-start}.topbar .primary{padding:10px;font-size:12px}.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:24px}.filters{flex-direction:column}.project-grid,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.dialog-form{padding:18px}.panel{padding:15px}.sidebar nav a{text-align:center;padding:10px 4px;font-size:11px}}