:root{--bg:#f5f7f8;--panel:#fff;--text:#1d252b;--muted:#70808b;--line:#dfe6e9;--accent:#00a88f;--accent-dark:#008875;--danger:#d84d57;--shadow:0 8px 30px rgba(30,47,57,.08)}*{box-sizing:border-box}body{margin:0;font:14px/1.45 Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}.topbar{height:64px;background:#17252d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.topbar>div{display:flex;align-items:center;gap:12px}.top-actions{color:#b9c6cc}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#00c4a5,#008f7a);color:#fff;font-size:25px;font-weight:800;box-shadow:0 10px 25px #00a88f40}.brand-mark.small{width:32px;height:32px;border-radius:9px;font-size:16px;box-shadow:none}.layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 64px)}aside{background:#fff;border-right:1px solid var(--line);padding:24px 14px}nav{position:sticky;top:88px}nav button{display:block;width:100%;border:0;background:none;text-align:left;padding:12px 14px;border-radius:8px;color:#53636d;cursor:pointer;margin-bottom:3px}nav button:hover,nav button.active{background:#eaf7f5;color:#007f6c;font-weight:600}.content{padding:30px;max-width:1200px;width:100%;margin:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:28px;display:none}.panel.active{display:block}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px}.heading h1{font-size:23px;margin:0 0 4px}.heading p{color:var(--muted);margin:0}.switch{display:flex;align-items:center;gap:10px;cursor:pointer;white-space:nowrap}.switch input{display:none}.switch span{width:42px;height:24px;border-radius:20px;background:#b8c2c7;position:relative;transition:.2s}.switch span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{left:21px}.cards{display:grid;gap:12px}.modes{grid-template-columns:repeat(3,1fr);margin-bottom:26px}.modes label{cursor:pointer}.modes input{position:absolute;opacity:0}.modes span{display:block;border:1px solid var(--line);border-radius:11px;padding:18px;height:100%}.modes input:checked+span{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#f3fbfa}.modes b,.modes small,.check b,.check small{display:block}.modes small,.check small{color:var(--muted);margin-top:6px}.grid{display:grid;gap:18px;margin:20px 0}.grid.two{grid-template-columns:1fr 1fr}label{color:#4a5a64;font-weight:600}input,select{width:100%;border:1px solid #cdd7dc;border-radius:8px;padding:10px 11px;margin-top:7px;background:#fff;color:var(--text)}input:focus,select:focus{outline:2px solid #00a88f33;border-color:var(--accent)}.hint{color:#8a989f;font-weight:400}.check{display:flex;gap:11px;align-items:flex-start;border-top:1px solid var(--line);padding-top:20px}.check input{width:18px;height:18px;margin:2px 0}.manager-list{display:grid;gap:10px}.manager-row{display:grid;grid-template-columns:45px 1fr 150px;align-items:center;gap:16px;border:1px solid var(--line);padding:13px 16px;border-radius:10px}.manager-row.off{opacity:.55}.avatar{width:34px;height:34px;border-radius:10px;background:#e7f5f3;color:#007f6c;display:grid;place-items:center;font-weight:800}.manager-name b,.manager-name small{display:block}.manager-name small{color:var(--muted)}.weight{display:flex;align-items:center;gap:7px}.weight input{text-align:right;margin:0}.weight span{font-weight:700}.manager-toggle{width:18px;height:18px;margin:0}.total{background:#edf7f5;border-radius:8px;padding:8px 12px}.total.bad{background:#fff0f1;color:var(--danger)}.schedule-head{max-width:350px;margin-bottom:18px}.day-row{display:grid;grid-template-columns:120px 1fr 45px;gap:14px;align-items:start;border-top:1px solid var(--line);padding:14px 0}.day-name{font-weight:700;padding-top:10px}.intervals{display:flex;flex-wrap:wrap;gap:8px}.interval{display:flex;align-items:center;gap:7px;background:#f4f7f8;padding:4px 7px;border-radius:8px}.interval input{width:105px;margin:0}.icon-btn{border:0;background:transparent;color:#8a989f;padding:6px;cursor:pointer}.add-interval{border:1px dashed #a8b7be;background:#fff;border-radius:8px;color:#52717e;cursor:pointer;height:40px}.integration-box{max-width:760px}.copy-row{display:flex;gap:8px}.copy-row input{font-family:Consolas,monospace}.copy-row button,.heading button,.ghost{border:1px solid #cbd6da;background:#fff;border-radius:8px;padding:9px 13px;cursor:pointer}.note{color:var(--muted)}.button-link,.primary{display:inline-block;border:0;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;padding:11px 18px;font-weight:700;cursor:pointer}.button-link:hover,.primary:hover{background:var(--accent-dark)}.status{border-radius:20px;padding:6px 11px;background:#f1f4f5}.status.ok{background:#e5f7f2;color:#007c67}.status.bad{background:#fff0f1;color:#b93844}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 9px;white-space:nowrap}th{color:var(--muted);font-weight:600}footer{position:sticky;bottom:0;background:#f5f7f8eF;padding:18px 0 4px;text-align:right;backdrop-filter:blur(8px)}.message{color:var(--danger);margin-top:12px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#e1f7f3,#f5f7f8 55%)}.login-card{width:min(420px,calc(100% - 32px));background:#fff;padding:38px;border-radius:16px;box-shadow:var(--shadow)}.login-card .brand-mark{margin-bottom:22px}.login-card h1{margin:0}.login-card p{color:var(--muted);margin:3px 0 24px}.login-card button{width:100%;margin-top:18px}.ghost{background:transparent;color:#d6e0e4;border-color:#56656c}.error-text{color:var(--danger)}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:10px;overflow:auto}nav{display:flex;position:static;min-width:720px}nav button{width:auto}.content{padding:16px}.modes,.grid.two{grid-template-columns:1fr}.manager-row{grid-template-columns:38px 1fr 120px}.heading{flex-direction:column}.day-row{grid-template-columns:90px 1fr 40px}}
