@font-face{font-family:Control;src:local("Segoe UI")}*{box-sizing:border-box}body{margin:0;font:15px Control,"Segoe UI",Arial,sans-serif;background:#f5f6f2;color:#1d302b}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid transparent;border-radius:7px;padding:12px 18px;background:#244f42;color:white;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #61a38b;outline-offset:3px}[hidden]{display:none!important}h1,h2,p{margin-top:0}h1{font-size:38px;letter-spacing:-1.1px;font-weight:600;margin-bottom:12px}h2{font-size:24px;letter-spacing:-.5px}small{color:#6b7c73;line-height:1.6}p{line-height:1.6;color:#6a796f}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#637c6e;margin-bottom:22px}.login-view{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#1d3d33;color:#eaf1df;padding:clamp(40px,7vw,110px);display:flex;align-items:flex-start;flex-direction:column;justify-content:center;min-height:100vh}.intro .eyebrow{color:#b9cfbb;margin-top:50px}.intro h1{font-size:clamp(45px,4.8vw,74px);line-height:1.1;letter-spacing:-2px}.intro p:not(.eyebrow){color:#b7c9bb;max-width:330px;margin-top:22px}.intro-foot{color:#aac1ae;font-size:10px;letter-spacing:2px;margin-top:70px}.login-form{width:100%;max-width:450px;padding:40px;margin:auto}.login-form h2{font-size:32px}.login-form form{margin:34px 0 24px}.login-form button{width:100%;display:flex;justify-content:space-between}label{font-size:13px;font-weight:600;display:block;margin-bottom:18px}input,select,textarea{display:block;width:100%;padding:12px;margin-top:8px;background:#fff;border:1px solid #ccd6cc;border-radius:6px;color:#223c31;min-width:0}input[type=checkbox]{width:17px;height:17px;display:inline-block;vertical-align:middle;accent-color:#315d49;margin:0 9px 0 0}textarea{resize:vertical;min-height:110px;font:12px Consolas,monospace}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#e9eee5;padding:35px 22px;display:flex;flex-direction:column;border-right:1px solid #d7dfd4}.brand{display:flex;gap:12px;align-items:center;margin:0 5px 65px}.brand strong{font-size:15px;letter-spacing:2px}.brand strong span{display:block;font-size:8px;font-weight:400;letter-spacing:1.5px;margin-top:4px}nav{display:grid;gap:9px}nav button{text-align:left;background:transparent;color:#687e6e;font-size:14px}nav button span{font-size:10px;margin-right:20px;opacity:.6}nav .active{background:#d7e3d3;color:#203e2f}nav .active span{opacity:1}.aside-foot{margin-top:auto;font-size:12px;padding:10px}.aside-foot p{margin:0}.text-button{background:transparent;color:#30513d;padding:12px 0;font-size:12px}.workspace{margin-left:235px;padding:45px clamp(26px,4vw,70px);max-width:1800px}header{border-bottom:1px solid #d4ded1;padding-bottom:25px}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px}.topline h1{margin:0}.topline+p{margin:13px 0 0}.secondary{background:transparent;color:#315342;border:1px solid #bdcbbd;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:20px;border-bottom:1px solid #d4ded1;margin-bottom:30px;padding:29px 0}.metrics div span{display:block;font-size:11px;color:#738270}.metrics strong{display:block;font-size:30px;font-weight:500;margin-top:5px}.metrics p{font-size:11px;position:relative;align-self:center;margin:0;padding-left:20px;border-left:1px solid #d4ded1}.dot{position:absolute;right:5px;top:0;color:#587b55;font-size:10px}.section-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.section-bar h2{font-size:18px;margin:0}.section-bar button{font-size:12px;padding:10px 15px}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;padding:14px 13px;background:#ebefe7;color:#778774;font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:600}td{padding:18px 13px;border-bottom:1px solid #dce3d7}td button{font-size:11px;padding:7px 10px}td small{display:block;font-size:11px}.tag{padding:4px 7px;background:#e0ebda;color:#486143;border-radius:4px;font-size:10px}.tag.off{background:#ece3db;color:#896342}.editor{background:#fff;border:1px solid #d5ded2;padding:25px;margin:25px 0}.editor h2{font-size:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.permissions{display:grid;grid-template-columns:1fr 1fr;gap:22px}.permissions fieldset{border:1px solid #dde3d9;padding:16px;margin:5px 0 22px}.permissions label{font-weight:400;margin:9px 0}.permissions legend{font-size:12px;color:#6b7e68}.actions{display:flex;gap:10px;margin-top:20px}.error{color:#ac4538;font-size:13px;white-space:pre-wrap}#notice{margin-top:20px;padding:12px 16px;background:#e1eddb;border-left:3px solid #638457;font-size:13px;white-space:pre-wrap}#notice.error{background:#f3e4df;border-color:#b45a40}.empty{text-align:center;padding:60px 20px;color:#71856d;font-size:14px;background:#edf1e9}.rules{display:grid;gap:12px}.rule{display:grid;grid-template-columns:1.1fr 1.2fr .7fr .6fr auto;gap:9px;align-items:end}.rule label{margin:0;font-size:10px;color:#6c8068}.rule input,.rule select{font-size:12px;padding:10px 7px}.rule button{background:#efe6df;color:#9a674f;padding:10px}footer{margin-top:70px;border-top:1px solid #d5ded1;padding-top:20px;font-size:10px;letter-spacing:1px;color:#536e54;display:flex;justify-content:space-between;gap:20px}footer span{font-size:10px;letter-spacing:0;color:#86917f}.subtle{font-size:12px;color:#7a8974}.full{grid-column:1/-1}@media(min-width:1600px){.workspace{padding-top:65px}}@media(max-width:1000px){aside{width:185px;padding:30px 14px}.workspace{margin-left:185px;padding:30px 22px}.metrics{grid-template-columns:repeat(3,1fr)}.metrics p{display:none}.rule{grid-template-columns:1fr 1fr}.rule button{width:50px}.brand{gap:8px}.brand strong{font-size:12px}.brand strong span{font-size:7px}}@media(max-width:650px){.login-view{grid-template-columns:1fr}.intro{min-height:270px;padding:30px}.intro img{width:38px;height:38px}.intro .eyebrow{margin-top:18px;margin-bottom:10px}.intro h1{font-size:35px;margin:0}.intro p:not(.eyebrow),.intro-foot{display:none}.login-form{padding:30px}aside{position:static;width:auto;padding:18px;display:block}.brand{margin:0 0 18px}.brand strong{font-size:14px}.aside-foot{display:none}nav{display:flex;gap:3px;overflow:auto}nav button{padding:10px;font-size:12px;white-space:nowrap}nav button span{display:none}.workspace{margin-left:0;padding:26px 18px}h1{font-size:30px}.fields,.permissions{grid-template-columns:1fr;gap:0}.editor{padding:18px}.metrics{gap:9px}.metrics strong{font-size:25px}.metrics div span{font-size:10px}footer{display:block}footer span{display:block;margin-top:10px}}
.rule-actions{display:flex;gap:3px}.rule-actions button{padding:10px 7px;min-width:25px;font-size:12px}

.metrics{grid-template-columns:repeat(4,1fr)}.presence-online{background:#dcebd6;color:#315d37}.presence-logged_in{background:#ece8cb;color:#7c6d2f}.presence-offline{background:#e9eae5;color:#7c8375}.row-actions{display:flex;gap:6px}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.history-toolbar label{min-width:200px;margin:0}.history-toolbar p{font-size:11px;margin:0}.pagination{display:flex;align-items:center;justify-content:space-between;margin:22px 0;gap:12px}.pagination span{font-size:12px;color:#7a8974}td [data-duration]{font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:650px){.metrics{grid-template-columns:repeat(2,1fr);row-gap:20px}.history-toolbar{display:block}.history-toolbar p{margin-top:12px}.row-actions{flex-direction:column}}