:root{--navy:#002d46;--navy2:#07526d;--yellow:#ffb714;--coral:#f47c7f;--green:#20c76a;--bg:#f4f7f8;--line:#dfe8eb;--muted:#6b818b;--shadow:0 16px 45px #002d4610}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Manrope,Arial,sans-serif;color:var(--navy)}button,input{font:inherit}button{cursor:pointer}.login-screen[hidden]{display:none}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(120deg,#fffaf0 0 50%,#edf5f7 50%)}.login-art{position:relative;overflow:hidden;padding:45px 7vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 30% 30%,#ffe695,transparent 45%),linear-gradient(145deg,#fffbef,#fff2bd)}.login-art .login-horizontal{width:min(430px,80%)}.login-art .login-round{position:absolute;left:50%;top:50%;width:min(390px,62%);transform:translate(-50%,-50%);filter:drop-shadow(0 12px 10px #002d4630) drop-shadow(0 32px 32px #8b630028)}.login-art strong{font:600 34px Fredoka}.login-card{width:min(450px,calc(100% - 40px));margin:auto;padding:42px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 90px #002d4618}.login-card>img{width:76px;height:76px;object-fit:contain;margin-bottom:22px}.login-card>small,.panel-head small,.quick>small,.modal-card>small,.topbar small{font-size:10px;font-weight:900;letter-spacing:.15em;color:#d99000}.login-card h1{font:700 36px Fredoka;margin:8px 0}.login-card>p,.panel-head p,.quick p,.modal-card>p{color:var(--muted);line-height:1.6}.login-card label,.modal-card label{display:grid;gap:8px;margin-top:20px;font-size:12px;font-weight:800}.login-card input,.modal-card input,.integrations input{width:100%;padding:14px;border:1px solid #cddadd;border-radius:12px;color:var(--navy);outline:0}.login-card input:focus,.modal-card input:focus,.integrations input:focus{border-color:var(--yellow);box-shadow:0 0 0 4px #ffb71418}.login-card>button,.empty button,.panel-actions button{width:100%;display:flex;justify-content:space-between;margin-top:15px;border:0;border-radius:12px;padding:14px 17px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;font-weight:900}.error{min-height:17px;color:#d5454b!important;font-size:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;padding:26px 18px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);z-index:20}.sidebar>img{width:210px;height:70px;object-fit:contain;padding:0 5px 22px;border-bottom:1px solid var(--line)}.sidebar nav{display:grid;gap:6px;padding-top:24px}.sidebar a,.sidebar>div button{display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;border-radius:11px;background:transparent;color:#536c77;text-decoration:none;font-size:13px;font-weight:800}.sidebar a:hover,.sidebar a.active{background:#fff4cf;color:var(--navy)}.sidebar>div{margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.sidebar>div button{width:100%}.content{margin-left:255px;padding:38px clamp(24px,4vw,62px) 65px;max-width:1650px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.topbar h1{font:700 40px Fredoka;margin:4px 0}.topbar p{margin:0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.top-actions>button,.secondary{border:1px solid var(--line);border-radius:11px;padding:10px 14px;background:#fff;color:var(--navy);font-weight:800}.online{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:11px;font-weight:800}.online i,.destination i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #20c76a1d}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stats article{display:flex;align-items:center;gap:15px;padding:21px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.stats article>i{flex:0 0 45px;height:45px;display:grid;place-items:center;border-radius:13px;font-style:normal;font-weight:900}.stats i.blue{background:#e1f1f6;color:#08708f}.stats i.green{background:#dff8e9;color:#0a9a4a}.stats i.yellow{background:#fff1bd;color:#b87c00}.stats i.coral{background:#ffe5e6;color:#cb5257}.stats article>span{display:grid}.stats small{font-size:9px;font-weight:900;letter-spacing:.09em;color:var(--muted)}.stats b{font:700 34px Fredoka;margin:3px 0}.stats em{font-size:9px;font-style:normal;color:#91a1a7}.layout{display:grid;grid-template-columns:1.65fr .75fr;gap:18px;margin-bottom:18px}.panel{padding:25px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.panel h2{font:700 24px Fredoka;margin:5px 0}.panel-head p,.quick p{margin:0;font-size:12px}.groups-list{display:grid;gap:10px}.group-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;padding:15px;border:1px solid var(--line);border-radius:15px}.group-row.active{border-color:#e4ac16;background:#fffaf0}.group-main{display:flex;align-items:center;gap:12px;min-width:0}.group-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e8f7ee}.group-info{display:grid;gap:4px;min-width:0}.group-info strong{font-size:13px}.group-info small{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px}.badges{display:flex;gap:6px}.badge{padding:4px 7px;border-radius:99px;font-size:8px;font-weight:900}.badge.active{background:#dff8e9;color:#078a41}.badge.disabled{background:#eee;color:#778990}.group-actions{display:flex;gap:6px}.group-actions button{border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff;color:var(--navy);font-size:10px;font-weight:800}.group-actions .primary{background:var(--navy);color:#fff}.group-actions .danger{color:#c5484e}.empty{text-align:center;padding:35px 20px}.empty>b{font-size:42px}.empty h3{margin:9px 0}.empty p{color:var(--muted);font-size:12px}.empty button{width:auto;margin:15px auto}.quick{background:radial-gradient(circle at 90% 0,#0d6680,transparent 46%),linear-gradient(145deg,#002d46,#003e59);color:#fff}.quick h2{color:#fff}.quick>small{color:#ffca3c}.quick p{color:#c7d6dd}.link-box{display:flex;align-items:center;margin:22px 0;padding:6px 6px 6px 12px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff0d}.link-box code{flex:1;min-width:0;overflow:hidden;color:#fff;font-size:11px}.link-box button{border:0;border-radius:8px;padding:9px 11px;background:var(--yellow);font-size:10px;font-weight:900}.destination{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #ffffff1b}.destination span{display:grid;font-size:11px}.destination small{color:#9eb9c4}.table-wrap{overflow-x:auto}#campaigns{min-width:610px}.campaign-row{display:grid;grid-template-columns:minmax(180px,1fr) 110px 110px 110px;align-items:center;padding:13px 12px;border-bottom:1px solid var(--line);font-size:12px}.campaign-row.head{background:#f5f8f9;border:0;border-radius:10px;font-size:9px;font-weight:900;color:var(--muted)}.campaign-row b{text-align:right}.campaign-name{font-weight:800}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.integration-grid label{display:grid;gap:11px;padding:16px;border:1px solid var(--line);border-radius:14px}.integration-grid label>span{display:grid}.integration-grid small{font-size:10px;color:var(--muted)}.integrations{margin-top:18px}.panel-actions{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:17px}.panel-actions span{font-size:11px;color:#078a41}.panel-actions button{width:auto;margin:0;padding:12px 18px}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#002d4670;backdrop-filter:blur(7px)}.modal[hidden]{display:none}.modal-card{position:relative;width:min(500px,100%);padding:30px;background:#fff;border-radius:22px}.modal-card h2{font:700 28px Fredoka;margin:6px 0}.close{position:absolute;right:18px;top:16px;border:0;background:transparent;font-size:27px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.modal-actions button{border:0;border-radius:10px;padding:11px 15px;background:var(--navy);color:#fff;font-weight:800}.modal-actions .secondary{color:var(--navy);background:#fff;border:1px solid var(--line)}.toast{position:fixed;right:22px;bottom:22px;z-index:120;padding:13px 17px;border-radius:12px;background:var(--navy);color:#fff;box-shadow:0 18px 50px #002d4638;font-size:12px;font-weight:800;opacity:0;transform:translateY(25px);pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translateY(0)}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.toolbar>div{display:flex;gap:7px}.toolbar button,.toolbar a{border:1px solid var(--line);border-radius:9px;padding:8px 11px;background:#fff;color:var(--navy);font-size:10px;font-weight:800;text-decoration:none}.toolbar button.active{background:var(--navy);color:#fff}.alerts{display:grid;gap:7px;margin-bottom:16px}.alert{padding:11px 14px;border-radius:11px;font-size:11px;font-weight:700}.alert.danger{background:#ffe9ea;color:#ad3339}.alert.warning{background:#fff3c9;color:#926100}.alert.info{background:#e5f4f8;color:#075d78}.mode-label{display:grid;gap:7px;margin-bottom:18px;color:#bdd0d8;font-size:10px;font-weight:800}.mode-label select,.campaign-builder select,.campaign-builder input{width:100%;padding:11px;border:1px solid #d7e1e4;border-radius:10px;background:#fff;color:var(--navy)}.group-progress{height:5px;margin-top:3px;border-radius:8px;background:#e7edef;overflow:hidden}.group-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--yellow));border-radius:inherit}.capacity{font-size:9px;color:var(--muted)}.campaign-builder{margin-bottom:18px}.campaign-builder form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.campaign-builder form label{display:grid;gap:6px;font-size:10px;font-weight:800}.campaign-builder form button,.password-form button{border:0;border-radius:10px;background:var(--navy);color:#fff;font-weight:900}.campaign-builder form>button{grid-column:1/-1;justify-self:end;min-width:285px;min-height:52px;padding:14px 25px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;background:linear-gradient(135deg,var(--navy),var(--navy2));font-size:13px;box-shadow:0 12px 28px #002d4630;transition:.2s}.campaign-builder form>button span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#ffffff18}.campaign-builder form>button b{margin-left:auto;font-size:18px}.campaign-builder form>button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #002d4630}.generated-links{display:grid;gap:8px;margin-top:18px}.generated-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px}.generated-row span{display:grid;min-width:0}.generated-row code{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px}.generated-row div{display:flex;gap:6px}.generated-row button,.generated-row a{border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:#fff;color:var(--navy);text-decoration:none;font-size:9px;font-weight:800}.breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.breakdowns>div{padding:14px;border:1px solid var(--line);border-radius:13px}.breakdowns h3{font:600 16px Fredoka;margin:0 0 9px}.mini-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:6px 0;border-bottom:1px solid #edf1f2;font-size:10px}.audit{display:grid}.audit-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}.audit-row small{color:var(--muted)}.password-form{display:grid;gap:10px}.password-form input{padding:12px;border:1px solid var(--line);border-radius:10px}.password-form button{padding:12px}.tools{margin-top:18px}.primary-action,.login-card>button,.campaign-builder form>button,.panel-actions button,.password-form button,.modal-actions button:not(.secondary),.empty button{min-height:52px;border:0;border-radius:13px;padding:14px 24px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;font-size:13px;font-weight:900;box-shadow:0 12px 28px #002d4630;transition:transform .2s,box-shadow .2s}.primary-action:hover,.login-card>button:hover,.campaign-builder form>button:hover,.panel-actions button:hover,.password-form button:hover,.modal-actions button:not(.secondary):hover,.empty button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #002d4638}.secondary,.top-actions>button,.modal-actions .secondary{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:11px 16px;background:#fff;color:var(--navy);font-weight:800;box-shadow:0 5px 15px #002d460c;transition:.2s}.secondary:hover,.top-actions>button:hover,.modal-actions .secondary:hover{border-color:#b6c9cf;background:#f8fbfc;transform:translateY(-1px)}.group-actions button,.generated-row button,.generated-row a{min-height:34px;border-radius:9px;transition:.2s}.group-actions button:hover,.generated-row button:hover,.generated-row a:hover{border-color:#9db5be;background:#f5f9fa}.group-actions button.primary{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border:0}.group-actions button.danger{color:#b7353c;border-color:#f0c9cb;background:#fff8f8}.link-box button{min-height:34px;border-radius:9px}.campaign-builder form>button{justify-content:center}.panel-actions button{width:auto;margin:0}.password-form button{width:100%}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}}@media(max-width:760px){.campaign-builder form>button{width:100%;min-width:0}.toolbar{display:grid}.toolbar>div{overflow-x:auto}.campaign-builder form{grid-template-columns:1fr}.breakdowns{grid-template-columns:1fr}.login-screen{grid-template-columns:1fr;grid-template-rows:180px 1fr}.login-art{display:flex;min-height:180px;height:180px;padding:14px;align-items:center;justify-content:center;overflow:visible}.login-art .login-round{position:static;width:145px;transform:none;filter:drop-shadow(0 8px 7px #002d462b) drop-shadow(0 18px 18px #8b630020)}.login-card{padding:30px;margin:22px auto}.sidebar{position:static;width:100%;height:auto;padding:10px 14px;flex-direction:row;align-items:center}.sidebar>img{width:150px;height:52px;padding:0;border:0}.sidebar nav{display:none}.sidebar>div{margin:0 0 0 auto;padding:0;border:0}.sidebar>div a{display:none}.sidebar>div button{font-size:0}.sidebar>div button:first-letter{font-size:15px}.content{margin:0;padding:24px 14px 50px}.topbar{align-items:flex-start}.topbar h1{font-size:32px}.topbar p,.online{display:none}.stats{grid-template-columns:1fr 1fr;gap:9px}.stats article{padding:15px}.stats article>i{display:none}.stats b{font-size:29px}.panel{padding:19px}.panel-head{display:grid}.panel-head .secondary{width:100%}.group-row{grid-template-columns:1fr}.group-actions{justify-content:flex-end}.integration-grid{grid-template-columns:1fr}.toast{left:14px;right:14px}.modal-card{padding:25px 20px}}@media(max-width:420px){.stats{grid-template-columns:1fr}.group-actions{display:grid;grid-template-columns:1fr 1fr}.group-actions button:first-child{grid-column:1/-1}}