@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#17211f;background:#f4f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.shell aside{position:fixed;inset:0 auto 0 0;width:252px;background:#fff;border-right:1px solid #e4eae8;padding:22px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px}.brand>span,.logo{display:grid;place-items:center;background:#0f766e;color:#fff;font-weight:700;border-radius:11px;width:40px;height:40px;font-size:20px}.brand div,.user div{display:flex;flex-direction:column}.brand small,.user small{color:#7a8985;font-size:12px}.brand .close{display:none;margin-left:auto;border:0;background:none}.shell nav{display:flex;flex-direction:column;gap:3px}.shell nav a{display:flex;gap:12px;align-items:center;text-decoration:none;color:#5a6965;padding:11px 12px;border-radius:9px;font-size:14px;font-weight:500}.shell nav a:hover,.shell nav a.active{background:#e9f5f2;color:#0f766e}.user{margin-top:auto;border-top:1px solid #e4eae8;padding:18px 8px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px}.user button{border:0;background:#f2f5f4;border-radius:8px;padding:8px}.shell main{margin-left:252px;min-height:100vh}.page{padding:34px 38px;max-width:1600px;margin:auto}.page header{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.page header h1{margin:2px 0 4px;font-size:28px}.page header p{margin:0;color:#72807c}.eyebrow{font-size:12px!important;text-transform:uppercase;letter-spacing:.1em;color:#0f766e!important;font-weight:700}.online{color:#17835e;font-size:13px;background:#e9f7f1;padding:7px 11px;border-radius:20px}.button{border:0;border-radius:9px;background:#0f766e;color:#fff;padding:10px 15px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.button:hover{background:#0c625b}.button:disabled{opacity:.6}.input{border:1px solid #dce4e2;border-radius:9px;padding:11px 12px;background:#fff;outline:none;width:100%}.input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e18}.card{background:#fff;border:1px solid #e2e9e7;border-radius:13px;padding:20px;box-shadow:0 2px 8px #1b3a3207}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{display:flex;justify-content:space-between;align-items:flex-start}.stat div{display:flex;flex-direction:column;gap:7px}.stat span{color:#72807c;font-size:13px}.stat strong{font-size:22px}.stat>svg{color:#0f766e;background:#e9f5f2;padding:9px;width:39px;height:39px;border-radius:10px}.stat.danger>svg,.low{color:#c2413b}.stat.danger>svg{background:#fff0ee}.stat.success>svg{color:#17835e}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.card-title{display:flex;justify-content:space-between;align-items:start}.card-title h2{font-size:16px;margin:0 0 3px}.card-title p{font-size:12px;color:#84918e;margin:0}.card-title a{font-size:12px;color:#0f766e}.chart-placeholder{height:220px;border-bottom:1px solid #dce4e2;display:flex;gap:15px;align-items:end;padding:25px 18px 0;margin-top:16px;background:repeating-linear-gradient(to bottom,transparent,transparent 54px,#eef2f1 55px)}.chart-placeholder div{flex:1;background:#57a99f;border-radius:5px 5px 0 0}.alerts{margin-top:14px}.alerts>div{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f0}.alerts div div{display:flex;flex-direction:column}.alerts small{color:#788681;margin-top:2px}.alert-icon{width:31px;height:31px;border-radius:8px;background:#fff0ee;color:#c2413b;display:grid;place-items:center}.quick{display:none}.toolbar{margin-bottom:14px}.search{max-width:400px;display:flex;align-items:center;position:relative}.search>svg{position:absolute;left:12px;color:#81908c}.search .input{padding-left:39px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#71807c;font-weight:600;background:#f7f9f8}th,td{padding:13px 12px;border-bottom:1px solid #e7eceb}td:first-child{display:flex;flex-direction:column}td small{color:#84918e}.badge{border-radius:20px;padding:4px 8px;background:#eee}.badge.active{background:#e7f7ef;color:#137653}.mobile-list{display:none}.empty{padding:55px 20px;display:flex;align-items:center;flex-direction:column;color:#75837f;gap:7px}.empty strong{color:#293532}.spinner{width:36px;height:36px;border:3px solid #d7e5e2;border-top-color:#0f766e;border-radius:50%;animation:spin .7s linear infinite;margin:80px auto}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu,.backdrop{display:none}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.login-copy{background:#0d4f4a;color:#fff;padding:10vw;display:flex;flex-direction:column;justify-content:center}.login-copy .logo{background:#fff;color:#0f766e}.login-copy h1{font-size:44px;line-height:1.1;margin:30px 0 15px}.login-copy p{color:#b8d4d0;max-width:480px}.login-card{width:min(400px,85%);margin:auto;display:flex;flex-direction:column;gap:17px}.login-card h2{margin:0;font-size:28px}.login-card>p{margin:-10px 0 8px;color:#75837f}.login-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.login-card .button{justify-content:center;padding:12px}.link{border:0;background:none;color:#0f766e}.warning{font-size:13px;padding:10px;background:#fff8db;border-radius:8px;color:#725d09}@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-copy{padding:7vw}.login-copy h1{font-size:34px}}@media(max-width:720px){.shell aside{transform:translate(-100%);transition:.2s}.shell aside.open{transform:translate(0)}.brand .close{display:block}.backdrop{display:block;position:fixed;inset:0;border:0;background:#12241f77;z-index:15}.mobile-menu{display:grid;place-items:center;position:fixed;right:17px;top:15px;z-index:10;width:42px;height:42px;border-radius:10px;border:1px solid #dde5e3;background:#fff}.shell main{margin:0}.page{padding:76px 15px 25px}.page header{align-items:flex-start}.page header h1{font-size:24px}.page header .button,.online{display:none}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px}.stat strong{font-size:17px}.stat>svg{display:none}.quick{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.quick a{min-width:max-content;text-decoration:none;color:#0f766e;border:1px solid #d9e6e3;background:#fff;border-radius:9px;padding:9px 11px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.quick svg{width:16px}.table-wrap{display:none}.mobile-list{display:block}.mobile-list article{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid #e7eceb}.mobile-list article div{display:flex;flex-direction:column}.mobile-list small{color:#84918e}.login{display:block;padding:35px 0}.login-copy{background:#fff;color:#17211f;padding:25px 7.5%}.login-copy h1{font-size:27px;margin:20px 0 5px}.login-copy p{color:#71807c}.login-card{margin:30px auto}}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.field textarea{min-height:85px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid>.field:last-of-type{grid-column:span 2}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.button.secondary{background:#eef3f2;color:#32413d}.modal-backdrop{position:fixed;inset:0;background:#0c1f1b99;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:#fff;border-radius:14px;width:min(760px,100%);max-height:92vh;overflow:auto;padding:22px;box-shadow:0 20px 60px #0003}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{margin:0}.modal-head button,.icon-button{border:0;background:#eef3f2;border-radius:8px;width:35px;height:35px}.operation-form{display:flex;flex-direction:column;gap:22px}.items{border-top:1px solid #e2e9e7;padding-top:18px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h3{margin:0}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr 38px;gap:8px;margin-top:10px}.check{display:flex;align-items:center;gap:9px;font-size:14px}.check input{width:18px;height:18px}.warning{grid-column:1/-1}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.form-grid>.field:last-of-type{grid-column:auto}.modal{padding:17px}.item-row{grid-template-columns:1fr 1fr}.item-row>*:first-child{grid-column:1/-1}.item-row .icon-button{justify-self:end}.section-title{align-items:flex-start}.card{padding:15px}}.brand>img{width:48px;height:48px;object-fit:cover;border-radius:50%;background:#090d10}.brand strong{font-size:13px}.login-logo{width:150px;height:150px;object-fit:cover;border-radius:50%;box-shadow:0 14px 36px #0004}.login-copy{background:#090d10}.login-copy p{color:#d8dee0}.row-actions{display:flex;gap:7px}.button.danger-button{background:#b93832}.button.danger-button:hover{background:#922d28}@media(max-width:720px){.row-actions{flex-wrap:wrap}}@media(max-width:720px){.page header .button{display:inline-flex}.page header{gap:12px;flex-wrap:wrap}.page header>div{min-width:0;flex:1}.mobile-list article{gap:10px}.mobile-list .row-actions{justify-content:flex-end}}