:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f3f6f6}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:#0f4f4a}.login form{background:#fff;width:380px;max-width:calc(100% - 32px);padding:30px;border-radius:20px}.logo{width:44px;height:44px;border-radius:13px;background:#0f766e;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.login h1{margin:18px 0 4px}.login p{color:#667085}.login label,.form label{display:grid;gap:6px;font-size:13px;font-weight:700;margin:13px 0}input,textarea{border:1px solid #ccd8d6;border-radius:10px;padding:11px}button{border:0;border-radius:10px;padding:11px 14px;background:#0f766e;color:#fff;font-weight:800;cursor:pointer}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.shell aside{background:#123b38;color:#fff;padding:22px;display:flex;flex-direction:column}.identity{display:flex;gap:12px;align-items:center}.identity div:last-child{display:grid}.identity small{color:#a7c7c3}.shell nav{display:grid;gap:6px;margin-top:34px}.shell nav button,.logout{display:flex;align-items:center;gap:10px;background:transparent;color:#cce0dd;text-align:left}.shell nav button.active{background:#fff;color:#0f766e}.shell nav svg,.logout svg,.actions svg{width:18px}.logout{margin-top:auto}.shell>main{min-width:0}.shell>main>header{height:72px;background:#fff;border-bottom:1px solid #e3e9e8;padding:14px 28px;display:flex;justify-content:flex-end}.shell>main>header div{display:grid;text-align:right}.shell>main>header small,.title small{color:#0f766e;font-size:10px;letter-spacing:.13em;font-weight:800}.shell section{padding:28px}.title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.title h1{margin:4px 0 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats article,.panel{background:#fff;border:1px solid #dce5e4;border-radius:16px;padding:20px}.stats article{display:grid;gap:10px}.stats small{color:#667085}.stats strong{font-size:25px}.panel{margin-top:18px}.split{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.split .panel{margin-top:0}.form button{width:100%}.table{overflow:auto;padding:0}.table table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{padding:13px 15px;border-bottom:1px solid #e6eceb;text-align:left;white-space:nowrap}.table th{color:#667085;background:#f8faf9}.actions{display:flex;gap:8px}.actions button{display:flex;align-items:center;gap:7px}.actions button:last-child{background:#e5efed;color:#0f4f4a}@media(max-width:900px){.shell{grid-template-columns:78px 1fr}.identity div:last-child,.shell nav button{font-size:0}.shell aside{padding:16px}.stats{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media print{aside,.shell>main>header,.actions,.form{display:none!important}.shell{display:block}.shell section{padding:0}.panel{border:0}.table table{font-size:10px}}.password-field{position:relative}.password-field input{width:100%;padding-right:48px}.password-field button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;background:transparent;color:#667085;display:grid;place-items:center}.password-field button:focus-visible{outline:2px solid #0f766e;outline-offset:1px}.password-field svg{width:20px;height:20px}.notice{background:#dcfce7;color:#166534;padding:10px 14px;border-radius:10px;margin-bottom:12px}.row-actions{display:flex;gap:6px}.row-actions button{padding:7px 9px;font-size:11px}.row-actions .danger{background:#fee2e2;color:#991b1b}
