:root{font-family:Inter,system-ui,sans-serif;color:#173432;background:#f3f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% -10%,#ccfbf1,transparent 35rem),#f3f7f6}button,input{font:inherit}header{padding:14px max(18px,calc((100vw - 1180px)/2));background:#fffffff2;border-bottom:1px solid #d8e6e4;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0f766e;color:#fff;font-weight:900}.brand div{display:grid}.brand strong{color:#075e57}.brand small,.hero p,.center-head small,.updated{color:#69827f}main{max-width:1180px;margin:auto;padding:30px 18px 80px}.hero{display:grid;grid-template-columns:1fr minmax(350px,.7fr);align-items:end;gap:34px;padding:30px;border-radius:24px;background:linear-gradient(135deg,#064e48,#0f766e);color:#fff;box-shadow:0 18px 42px #064e4828}.hero h1{margin:4px 0;font-size:clamp(1.7rem,4vw,2.6rem)}.hero p{margin:0;color:#b9e9e3}.hero>div>small{text-transform:uppercase;letter-spacing:.08em;color:#99f6e4;font-weight:800}.hero form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.hero label,.toolbar label{display:grid;gap:6px;font-size:.82rem;font-weight:800}.hero input,.toolbar input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #bdd2cf;border-radius:12px;outline:none}.hero input{font-size:1.25rem;font-weight:900}button{min-height:50px;padding:12px 18px;border:0;border-radius:12px;background:#fff;color:#075e57;font-weight:850;cursor:pointer}button:disabled{opacity:.55}.error{margin:16px 0;padding:14px;border-radius:12px;background:#fee4e2;color:#912018}.summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:18px 0}.summary>div{display:grid;gap:3px;padding:20px;border:1px solid #dbe8e6;border-radius:18px;background:#fff;box-shadow:0 7px 24px #1734320a}.summary small{color:#69827f}.summary strong{font-size:1.7rem;color:#075e57}.summary span{color:#69827f;font-size:.8rem}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:20px 0}.toolbar label{width:min(100%,440px)}.toolbar>div{display:flex;gap:8px}.secondary{min-height:46px;background:#d7f3ef;color:#075e57}.center{margin:18px 0;overflow:hidden;border:1px solid #dbe8e6;border-radius:20px;background:#fff;box-shadow:0 8px 28px #1734320b}.center-head{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8fbfa;border-bottom:1px solid #dbe8e6}.center-head h2{margin:3px 0;font-size:1.2rem}.center-head span{color:#0f766e;font-size:.74rem;font-weight:900;text-transform:uppercase}.center-head>b{padding:6px 10px;border-radius:999px;background:#d7f3ef;color:#075e57;font-size:.75rem}.article-groups{display:grid;gap:1px;background:#e5eeec}details{background:#fff}summary{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;cursor:pointer}summary div{display:flex;align-items:center;gap:10px}summary div strong{padding:5px 8px;border-radius:8px;background:#d7f3ef;color:#075e57}summary div span{font-weight:750}summary>b{display:grid;place-items:center;min-width:34px;height:30px;border-radius:99px;background:#eef2f1;color:#526662}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:10px 14px;background:#edf5f4;color:#52716e;font-size:.7rem;text-transform:uppercase;white-space:nowrap}td{padding:12px 14px;border-top:1px solid #edf2f1;font-size:.82rem}tbody tr:hover{background:#f7fbfa}.empty{text-align:center;padding:42px;border:1px dashed #bdd2cf;border-radius:18px;background:#fff}.updated{text-align:right;font-size:.76rem}@media(max-width:760px){main{padding:16px 12px 60px}.hero{grid-template-columns:1fr;padding:20px;gap:20px}.hero form{grid-template-columns:1fr}.summary{grid-template-columns:1fr 1fr}.summary>div:first-child{grid-column:1/-1}.toolbar{align-items:stretch;flex-direction:column}.toolbar label{width:100%}.toolbar>div button{flex:1}.center-head{align-items:flex-start}.article-groups details:not([open]) summary div span{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrap{overflow:visible}thead{display:none}table,tbody,tr,td{display:block;width:100%}tr{padding:10px 14px;border-top:1px solid #e5eeec}td{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:6px 0;border:0}td:before{content:attr(data-label);color:#69827f;font-size:.7rem;font-weight:800;text-transform:uppercase}}header{display:flex;align-items:center;justify-content:space-between;gap:15px}header nav{display:flex;align-items:center;gap:6px}header nav button{min-height:38px;padding:8px 11px;background:transparent;color:#526662}header nav button.active{background:#d7f3ef;color:#075e57}.login{display:grid;place-items:center;min-height:100vh;padding:22px}.login-card{width:min(100%,410px);padding:32px;border:1px solid #dbe8e6;border-radius:24px;background:#fff;box-shadow:0 18px 45px #134e4a20}.login-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:19px;background:#0f766e;color:#fff;font-size:1.15rem;font-weight:900}.login-card h1{margin-bottom:5px}.login-card>p,.user-form p{margin-top:0;color:#69827f}.login-card form,.user-form form{display:grid;gap:14px}.login-card label,.user-form label{display:grid;gap:6px;font-size:.84rem;font-weight:800}.login-card input,.user-form input,.user-form select{width:100%;min-height:48px;padding:12px;border:1px solid #bdd2cf;border-radius:12px;background:#fff}.login-card button,.user-form button{background:#0f766e;color:#fff}.users-page{display:grid;grid-template-columns:minmax(310px,.75fr) 1.25fr;gap:18px}.user-form,.user-list{padding:22px;border:1px solid #dbe8e6;border-radius:20px;background:#fff;box-shadow:0 8px 28px #1734320b}.user-form h1{margin:3px 0}.user-form>div>small{color:#0f766e;font-weight:900;text-transform:uppercase}.success{padding:12px;border-radius:12px;background:#d7f3ef;color:#075e57}.user-list{display:grid;align-content:start;gap:8px}.user-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-radius:12px;background:#f6faf9}.user-list article>div{display:grid;gap:3px}.user-list small{color:#69827f}.user-list button{min-height:38px}.user-list .danger{color:#b42318;background:#fee4e2}.loading{display:grid;place-items:center;min-height:100vh;color:#075e57;font-weight:800}.password-maker{display:grid;grid-template-columns:1fr auto;gap:8px}.technician-search{position:relative}.technician-search span{position:absolute;top:50%;left:13px;z-index:1;color:#69827f;font-size:1.2rem;transform:translateY(-50%);pointer-events:none}.technician-search input{padding-left:39px}.user-form label>small{color:#69827f;font-size:.72rem;font-weight:600}.password-maker button{color:#075e57;background:#d7f3ef}.user-actions{display:flex;gap:6px}.hero input[readonly]{color:#075e57;background:#edf5f4;cursor:default}@media(max-width:760px){header{align-items:flex-start;padding:10px 12px}.brand>span{width:38px;height:38px}.brand small{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header nav{gap:2px}header nav button{padding:7px;min-height:36px;font-size:.76rem}.users-page{grid-template-columns:1fr}.login-card{padding:24px}.user-list article{align-items:flex-start;flex-direction:column}.user-actions{width:100%}.user-actions button{flex:1}}