:root{--ink:#132827;--sidebar:#102322;--mint:#18b98b;--mint2:#dff8ef;--bg:#f5f7f6;--line:#e2e8e6;--muted:#71817e;--white:#fff;--radius:16px;--shadow:0 14px 40px rgba(18,42,39,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:11px;font:800 21px Manrope}.brand-light{color:#fff}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--mint);color:white;border-radius:11px;font:800 20px Manrope;transform:rotate(-5deg)}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--sidebar);padding:27px 18px 20px;display:flex;flex-direction:column;z-index:10}.sidebar>.brand{padding:0 12px 26px}.sidebar nav{flex:1;overflow:auto}.sidebar nav p{color:#6e8581;font-size:10px;font-weight:700;letter-spacing:1.5px;margin:24px 13px 8px}.sidebar nav button{width:100%;height:44px;background:transparent;border:0;color:#aebcb9;border-radius:10px;text-align:left;padding:0 13px;display:flex;align-items:center;gap:12px;font-weight:500;margin:2px 0}.sidebar nav button i{font-style:normal;width:20px;text-align:center;font-size:17px}.sidebar nav button b{margin-left:auto;background:#e45252;color:#fff;border-radius:50px;font-size:10px;padding:2px 7px}.sidebar nav button:hover,.sidebar nav button.active{background:#1a3733;color:#fff}.sidebar nav button.active:before{content:"";position:absolute;left:0;width:3px;height:25px;background:var(--mint);border-radius:0 3px 3px 0}.account{border-top:1px solid #27413e;padding:18px 5px 0;display:flex;align-items:center;color:white;gap:10px}.account .avatar{width:37px;height:37px;border-radius:11px;background:#31524c;display:grid;place-items:center;font-size:12px;font-weight:700}.account div{display:flex;flex-direction:column;flex:1;min-width:0}.account strong{font-size:13px}.account small{font-size:10px;color:#86a09b}.account button{border:0;background:none;color:#90a8a4;font-size:18px}.app main{margin-left:244px;min-height:100vh}.app header{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 31px;position:sticky;top:0;z-index:7}.search{height:39px;background:#f3f6f5;border:1px solid #e7ecea;border-radius:10px;display:flex;align-items:center;padding:0 12px;color:#8b9996;margin-right:auto;max-width:390px;width:100%}.search input{background:transparent;border:0;outline:0;width:100%;padding:0 9px;color:var(--ink)}.icon-btn{border:1px solid var(--line);background:#fff;width:39px;height:39px;border-radius:10px;color:#61716e}.notify{position:relative}.notify:after{content:"";width:6px;height:6px;background:#ef5a61;position:absolute;right:8px;top:7px;border-radius:50%}.primary,.outline{border-radius:10px;border:0;padding:11px 17px;font-weight:700;font-size:13px}.primary{background:var(--mint);color:#fff;box-shadow:0 5px 14px rgba(24,185,139,.18)}.primary:hover{background:#12a77d}.outline{background:#fff;color:#3d514e;border:1px solid var(--line)}.content{padding:31px;max-width:1540px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{letter-spacing:1.5px;font-weight:800;font-size:10px;margin:0 0 8px}.mint{color:var(--mint)}.page-title h1{font:800 29px Manrope;margin:0}.page-title p:not(.eyebrow),.panel-head p{color:var(--muted);margin:6px 0 0;font-size:13px}.wave{font-size:24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:17px}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:0 1px 2px rgba(20,50,45,.02)}.metrics article{position:relative;min-height:150px}.metrics small{font-size:10px;letter-spacing:.9px;color:#71817e;font-weight:700;display:block;margin:18px 0 5px}.metrics strong{font:800 28px Manrope}.metrics p{font-size:10px;color:#899692;margin:5px 0}.metrics .up{color:#24a77e}.metric-icon{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:700}.green{background:#e2f7ef;color:#10a77e}.amber{background:#fff3db;color:#e89b25}.purple{background:#efe9fb;color:#875bcc}.blue{background:#e4f1fb;color:#428bbf}.grid-main{display:grid;grid-template-columns:1.7fr 1fr;gap:17px;margin-bottom:17px}.grid-bottom{display:grid;grid-template-columns:1.55fr 1fr;gap:17px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel h3{font:700 14px Manrope;margin:0}.panel select,.table-tools select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;color:#5f706d;font-size:11px}.link{border:0;background:none;color:var(--mint);font-weight:700;font-size:11px}.chart{height:245px;display:flex;padding-top:20px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:25px;color:#98a5a2;font-size:9px;width:32px}.bars{flex:1;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 54px,#edf1ef 55px);height:215px}.bars div{height:100%;width:10%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bars i{display:block;background:#bdebdc;width:100%;max-width:42px;border-radius:7px 7px 0 0}.bars i.current{background:var(--mint)}.bars span{font-size:9px;color:#83918e;transform:translateY(20px)}.empty-small,.empty-state{color:#8a9996;font-size:12px;text-align:center;padding:58px 15px}.table-panel{padding:0;overflow:hidden}.table-tools{padding:16px 18px;display:flex;gap:12px;border-bottom:1px solid var(--line)}.compact{max-width:310px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;letter-spacing:1px;color:#788783;background:#fafbfb;padding:12px 18px}td{padding:15px 18px;border-top:1px solid #edf0ef;font-size:12px}td strong{display:block}td small{color:var(--muted)}.badge{padding:4px 8px;border-radius:20px;font-size:10px;font-weight:700;background:#e5f7f0;color:#168964}.badge.pending{background:#fff3dd;color:#b57617}.badge.cancelled{background:#fee8e8;color:#ba4848}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.channel-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;min-height:205px}.channel-card .channel-logo{width:43px;height:43px;border-radius:12px;background:#f0f4f3;display:grid;place-items:center;font-weight:800;font-size:18px;margin-bottom:18px}.channel-card p{color:var(--muted);font-size:12px;line-height:1.5;flex:1}.channel-card footer{display:flex;justify-content:space-between;align-items:center}.status-dot{font-size:10px;color:#81908d}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;background:#adb8b6;border-radius:50%;margin-right:6px}.calendar-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px}.calendar-toolbar h3{min-width:150px}.calendar-grid{overflow:auto;min-height:350px}.calendar-row{display:grid;grid-template-columns:190px repeat(14,minmax(42px,1fr));border-bottom:1px solid var(--line);min-width:850px}.calendar-cell{padding:12px 5px;border-left:1px solid #edf0ef;font-size:10px;text-align:center}.calendar-property{text-align:left;font-weight:700;padding:14px 8px}.login-shell{display:grid;grid-template-columns:1.2fr 1fr;min-height:100vh;background:#fff}.login-art{background:radial-gradient(circle at 80% 10%,#285147,transparent 32%),linear-gradient(145deg,#0d2724,#123833);padding:45px 8vw;color:white;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font:800 48px/1.08 Manrope;margin:10px 0 20px}.login-art h1 em{font-style:normal;color:#55ddb4}.login-art p:not(.eyebrow){color:#aac1bc;max-width:470px}.login-art small{color:#6d8a84}.login-card{width:min(420px,80%);margin:auto}.login-card h2{font:800 30px Manrope;margin:5px 0}.muted{color:var(--muted);font-size:13px}.login-card label,.form-grid label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px;margin:18px 0}.login-card input,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);border-radius:10px;padding:13px;outline:0;color:var(--ink);background:#fff}.login-card input:focus,.form-grid input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #e1f7f0}.wide{width:100%;margin-top:8px;display:flex;justify-content:space-between}.mobile-logo{display:none}.form-error{color:#c44545;font-size:11px;min-height:15px}.setup{min-height:100vh;display:grid;place-items:center}.setup>div{max-width:600px;background:#fff;padding:45px;border-radius:20px;box-shadow:var(--shadow)}dialog{border:0;border-radius:18px;padding:0;width:min(680px,calc(100% - 28px));box-shadow:0 20px 80px #0b1e1b55}dialog::backdrop{background:#0d242181;backdrop-filter:blur(2px)}dialog form{padding:26px}.modal-head,.modal-actions{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font:800 23px Manrope;margin:0}.close{border:0;background:#f3f6f5;border-radius:50%;width:35px;height:35px;font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-grid .full{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:10px;padding-top:10px}.toast{position:fixed;right:25px;top:25px;background:#12302c;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:var(--shadow);z-index:99;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.2s}.toast.show{opacity:1;transform:none}#menu{display:none}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.grid-main,.grid-bottom{grid-template-columns:1fr}.channel-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.app main{margin-left:0}.app header{padding:0 15px}.app header>.search{display:none}#menu{display:block;margin-right:auto}.content{padding:20px 14px}.metrics{grid-template-columns:1fr}.page-title{align-items:flex-start;gap:15px}.page-title h1{font-size:24px}.channel-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-card{width:min(420px,88%)}.mobile-logo{display:flex;margin-bottom:60px}.form-grid{grid-template-columns:1fr}}