:root{--navy:#06172f;--navy2:#0b2a55;--blue:#1f67d2;--cyan:#1db8d6;--green:#22a96b;--red:#e64f63;--orange:#ee8a2d;--gold:#e9b83f;--purple:#7057d9;--bg:#eef3f8;--panel:#fff;--line:#dce5ef;--text:#17283d;--muted:#6e7f93;--shadow:0 12px 32px rgba(18,44,76,.10);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}button,input,select,textarea{font:inherit}.hidden{display:none!important}.container{width:min(1180px,calc(100% - 32px));margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cfdce9;background:#fff;color:#28517d;border-radius:10px;padding:11px 15px;font-size:12px;font-weight:850;cursor:pointer;text-decoration:none}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#246cd2,#1456ad);border-color:#1759b1;color:#fff}.btn.gold{background:linear-gradient(135deg,#f3cd63,#e9ad2d);border:0;color:#173557}.btn.dark{background:#071b38;border-color:#163f69;color:#fff}.btn.danger{background:#fff0f2;border-color:#efbdc5;color:#a63c4a}.btn.small{padding:8px 11px;font-size:10px}.tag{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;border:1px solid}.tag.green{color:#147949;background:#e9f8f0;border-color:#bfe6d0}.tag.orange{color:#9a5d08;background:#fff4df;border-color:#f2d69e}.tag.blue{color:#235ea8;background:#eaf2fd;border-color:#bfd3ef}.tag.red{color:#a63c4a;background:#fff0f2;border-color:#efbdc5}.tag.gold{color:#79550b;background:#fff8df;border-color:#ead287}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line);background:#fbfdff}.panel-head h3{margin:0;font-size:14px;color:#173557}.panel-head small{color:var(--muted)}.panel-body{padding:17px}.grid{display:grid;gap:15px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:grid;gap:6px}.field label{font-size:10px;font-weight:800;color:#526980}.field input,.field select,.field textarea{width:100%;border:1px solid #cad9e8;border-radius:10px;padding:11px 12px;background:#fff;color:#29435f;font-size:12px}.field textarea{min-height:90px;resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.notice{padding:12px 14px;border-radius:11px;border:1px solid #bfd3ef;background:#eef5ff;color:#255b91;font-size:11px;line-height:1.5}.notice.success{border-color:#bce4ce;background:#edf9f2;color:#1d5f3f}.notice.warning{border-color:#f2d69e;background:#fff7e8;color:#80560e}.notice.danger{border-color:#efbdc5;background:#fff1f3;color:#9a3c49}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{text-align:left;color:#69809a;font-size:9px;text-transform:uppercase;letter-spacing:.65px;padding:11px;border-bottom:1px solid var(--line);background:#f5f8fc}.table td{padding:12px 11px;border-bottom:1px solid #edf1f5;font-size:11px;vertical-align:top;color:#344960}.table tr:hover td{background:#f8fbff}.empty{text-align:center;color:var(--muted);padding:26px!important}.metric{padding:16px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.metric span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);letter-spacing:.7px}.metric strong{display:block;font-size:25px;color:#173557;margin-top:7px}.metric small{display:block;color:var(--muted);margin-top:5px}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,23,47,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.site-header .inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.radar-logo{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,#0b2c56 0 31%,#113e72 32% 35%,transparent 36%),repeating-radial-gradient(circle at center,rgba(91,206,240,.35) 0 1px,transparent 2px 9px),#0a2a51;border:1px solid rgba(98,208,241,.55)}.radar-logo:before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0 78%,rgba(90,226,255,.78) 88%,transparent 100%);animation:spin 3s linear infinite}.radar-logo b{position:relative;z-index:2;font-size:11px;text-shadow:0 0 8px #6de5ff}.brand-text strong{display:block;font-size:18px}.brand-text small{display:block;color:#f4c85a;font-weight:900;font-size:8px;letter-spacing:1.7px;margin-top:3px}.site-nav{display:flex;align-items:center;gap:18px}.site-nav a{color:#c6d4e2;text-decoration:none;font-size:11px;font-weight:750}.site-nav a:hover{color:#fff}.hero{background:radial-gradient(circle at 25% 20%,rgba(29,184,214,.18),transparent 30%),radial-gradient(circle at 80% 30%,rgba(233,184,63,.12),transparent 28%),linear-gradient(145deg,#06172f,#0b2b55 72%,#0d3b68);color:#fff;padding:78px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(121,244,173,.35);background:rgba(18,101,70,.28);color:#79f4ad;border-radius:99px;padding:7px 11px;font-size:9px;font-weight:950;letter-spacing:.8px}.hero h1{font-size:48px;line-height:1.06;margin:18px 0 15px;max-width:720px}.hero h1 em{font-style:normal;color:#70e2f7}.hero p{color:#b8cce0;font-size:16px;line-height:1.7;margin:0 0 24px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.hero-point{padding:12px;border:1px solid rgba(116,174,224,.18);background:rgba(4,22,44,.34);border-radius:11px}.hero-point strong{display:block;font-size:18px}.hero-point span{display:block;font-size:9px;color:#93adc8;margin-top:4px}.radar-stage{width:min(440px,100%);aspect-ratio:1;margin:auto;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at center,#0b315c 0 3%,transparent 4%),radial-gradient(circle at center,rgba(23,105,164,.24),rgba(4,23,47,.94) 69%);border:2px solid rgba(85,208,239,.48);box-shadow:inset 0 0 50px rgba(23,161,202,.28),0 0 40px rgba(18,133,179,.18)}.radar-stage:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(69,196,229,.24) 0 1px,transparent 2px 62px),repeating-conic-gradient(from 0deg,rgba(83,180,215,.13) 0 1deg,transparent 1.5deg 30deg)}.radar-stage:after{content:"";position:absolute;left:50%;top:50%;width:50%;height:50%;transform-origin:0 0;background:conic-gradient(from 0deg,rgba(69,232,255,.72),rgba(46,198,231,.12) 28deg,transparent 48deg);clip-path:polygon(0 0,100% 0,100% 100%);animation:spin 3.4s linear infinite;filter:drop-shadow(0 0 8px rgba(80,230,255,.55))}.radar-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#174e82,#09284d);border:2px solid #e7bb47;box-shadow:0 0 0 7px rgba(231,187,71,.08),0 0 24px rgba(231,187,71,.20)}.radar-core strong{font-size:18px}.radar-core span{font-size:7px;color:#78e6ff;letter-spacing:1.4px;margin-top:4px}.blip{position:absolute;z-index:4;width:9px;height:9px;border-radius:50%;background:#68f0a4;box-shadow:0 0 4px #68f0a4,0 0 14px #2fe585;animation:pulse 2.3s ease-in-out infinite}.b1{left:28%;top:31%}.b2{left:69%;top:24%;animation-delay:.7s}.b3{left:76%;top:62%;animation-delay:1.1s}.b4{left:35%;top:74%;animation-delay:1.55s}.b5{left:18%;top:56%;animation-delay:1.9s}.section-block{padding:68px 0}.section-block.alt{background:#f7faff}.section-title{text-align:center;max-width:760px;margin:0 auto 32px}.section-title h2{font-size:32px;color:#173557;margin:0 0 10px}.section-title p{color:var(--muted);line-height:1.6}.feature{padding:20px}.feature .icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#e7f0fd;color:#2467c5;font-weight:950}.feature h3{font-size:15px;color:#173557}.feature p{font-size:11px;color:var(--muted);line-height:1.55}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:var(--shadow)}.price-card.featured{border:2px solid #1f67d2;transform:translateY(-6px)}.price-card .ribbon{position:absolute;right:14px;top:14px}.price-card h3{margin:0;color:#173557}.price-card .audience{font-size:10px;color:var(--muted);margin-top:4px}.price{font-size:31px;font-weight:950;color:#0d4384;margin:18px 0 3px}.price small{font-size:11px;color:var(--muted);font-weight:700}.price-card ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px}.price-card li{font-size:10px;color:#4c6178;padding-left:18px;position:relative}.price-card li:before{content:"✓";position:absolute;left:0;color:#22a96b;font-weight:950}.price-card .btn{width:100%}.extra-note{margin-top:16px;padding:12px;border-radius:10px;background:#fff8df;border:1px solid #ead287;font-size:10px;color:#79550b}.site-footer{background:#06172f;color:#a9bfd4;padding:34px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-visual{padding:50px;background:linear-gradient(145deg,#06172f,#0b2b55 72%,#0d3b68);color:#fff;display:grid;align-content:center}.auth-visual h1{font-size:38px;margin:18px 0 10px}.auth-visual p{color:#b8cce0;line-height:1.65}.auth-card{display:grid;place-items:center;padding:34px}.auth-card>div{width:min(460px,100%)}.auth-card h2{color:#173557;margin-bottom:8px}.auth-card p{color:var(--muted);font-size:11px;line-height:1.5}.auth-card form{display:grid;gap:12px;margin-top:20px}.auth-links{display:flex;justify-content:space-between;gap:15px;margin-top:14px;font-size:10px}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:linear-gradient(180deg,#06172f,#082143 55%,#06172f);color:#fff;padding:0 14px 20px}.sidebar .brand{padding:20px 9px 17px;border-bottom:1px solid rgba(255,255,255,.1)}.nav-title{font-size:9px;color:#7290b2;letter-spacing:1.4px;font-weight:900;margin:20px 12px 7px}.nav-item{display:flex;align-items:center;gap:10px;color:#c6d4e2;text-decoration:none;padding:10px 11px;border-radius:9px;margin:3px 0;font-size:11px;font-weight:750;border-left:3px solid transparent}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#185fb7,#154d91);color:#fff;border-left-color:#61d0f0}.sidebar-footer{margin-top:20px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.04);font-size:9px;color:#b9c9db;line-height:1.5}.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(34,55,79,.05)}.topbar h2{margin:0;color:#153253;font-size:19px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:10px}.top-actions{display:flex;align-items:center;gap:9px}.app-content{padding:18px 20px 42px;max-width:1800px;margin:auto}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:linear-gradient(100deg,#0d4384,#185fae);border-radius:12px;overflow:hidden;box-shadow:0 8px 22px rgba(22,76,137,.2);margin-bottom:15px}.status-cell{padding:15px 17px;color:#fff;border-right:1px solid rgba(255,255,255,.18)}.status-cell:last-child{border-right:0}.status-cell span{display:block;color:#cfe2f8;font-size:8px;text-transform:uppercase}.status-cell strong{display:block;font-size:12px;margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.72fr);gap:15px}.radar-panel{background:linear-gradient(145deg,#071b38,#0b2b55 72%,#0d3b68);border-color:#1b4e7d;color:#fff}.radar-panel .panel-head{background:rgba(4,23,47,.58);border-color:rgba(116,174,224,.18)}.radar-panel .panel-head h3{color:#fff}.radar-compact{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:center;padding:18px}.radar-compact .radar-stage{max-width:280px}.radar-summary{display:grid;gap:10px}.radar-summary .box{padding:12px;border:1px solid rgba(107,176,224,.23);border-radius:10px;background:rgba(5,27,53,.48)}.radar-summary .box span{font-size:8px;color:#7ea1c1;text-transform:uppercase}.radar-summary .box strong{display:block;color:#fff;margin-top:5px}.filters{display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(150px,.4fr));gap:9px;margin-bottom:12px}.filters input,.filters select{border:1px solid #cad9e8;border-radius:9px;padding:10px 11px;background:#fff;color:#29435f;font-size:11px}.user-chip{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:10px;background:#f4f7fb;border:1px solid var(--line)}.user-chip .avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#173557;color:#fff;font-size:10px;font-weight:900}.user-chip strong{font-size:10px;display:block}.user-chip span{font-size:8px;color:var(--muted);display:block}.toast{position:fixed;right:22px;bottom:22px;z-index:100;background:#173557;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.22);font-size:11px}.modal-backdrop{position:fixed;inset:0;background:rgba(3,17,34,.62);display:grid;place-items:center;z-index:80}.modal{width:min(680px,calc(100vw - 28px));max-height:92vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.modal-head,.modal-actions{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.modal-actions{border:0;border-top:1px solid var(--line);justify-content:flex-end;gap:9px}.modal-body{padding:16px}.loading{padding:28px;text-align:center;color:var(--muted)}.kicker{font-size:9px;text-transform:uppercase;color:#1f67d2;font-weight:950;letter-spacing:1px}.plan-summary{display:grid;gap:8px}.plan-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:11px}.plan-line.total{font-size:15px;font-weight:950;color:#173557}.rf-box{padding:17px;border:1px solid #bfd3ef;background:#eef5ff;border-radius:12px}.rf-box strong{color:#173557}.rf-box p{font-size:10px;color:#526980}.access-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.access-card h4{margin:0 0 7px;color:#173557}.access-card p{font-size:10px;color:var(--muted);margin:0}.mobile-only{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.28;transform:scale(.7)}50%{opacity:1;transform:scale(1.28)}}
@media(max-width:1050px){.hero-grid,.dashboard-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(2,1fr)}.radar-compact{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}}
@media(max-width:820px){.site-nav a:not(.btn){display:none}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;z-index:70;transition:.2s}.sidebar.open{left:0}.mobile-only{display:inline-flex}.status-strip{grid-template-columns:1fr 1fr}.grid.two,.grid.three,.pricing-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.hero-points{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.footer-grid{display:grid}.topbar{padding:10px 14px}.app-content{padding:14px}.grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hero{padding:55px 0}.hero h1{font-size:32px}.status-strip,.grid.four{grid-template-columns:1fr}.site-header .inner{height:64px}.brand-text strong{font-size:16px}.radar-stage{max-width:320px}.auth-card{padding:22px}.radar-compact{padding:12px}}