:root{--navy:#071727;--navy2:#11324a;--teal:#56d2c5;--surface:#eef4f8;--line:#dae5ec;--ink:#142a3d;--muted:#668196;--bg:#f5f8fb;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%;background:var(--bg)}body{font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #2aa9ad;outline-offset:3px}a{color:inherit;text-decoration:none}.app{min-height:100dvh;display:flex;flex-direction:column}
.top{height:78px;display:flex;align-items:center;justify-content:space-between;flex:none;background:#061728;border-bottom:1px solid #183c50;padding:0 clamp(20px,3vw,48px)}
.identity{display:flex;align-items:center;gap:19px;min-width:0}.identity img{display:block;width:186px;height:50px;object-fit:contain}.identity span{border-left:1px solid #365366;padding-left:19px;color:#9bdde1;letter-spacing:2.1px;font-size:10px;font-weight:800;white-space:nowrap}
.head-actions{display:flex;align-items:center;gap:22px;color:#aec7d2}.head-label{font-size:10px;letter-spacing:1.4px;font-weight:760}.connection{border:1px solid #375066;border-radius:30px;padding:10px 14px;font-size:12px;color:#b8d0da;display:flex;align-items:center;gap:7px;white-space:nowrap}.connection i{background:#58d5c3;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 3px #2a514e}.logout{margin:0}.head-button{background:transparent;color:#d7e8ef;border:1px solid #416277;border-radius:8px;padding:10px 15px;font-size:12px}.head-button:hover{background:#12354d}
.hero{min-height:118px;background:linear-gradient(105deg,#102a43,#16415a 70%,#0b273f);padding:25px clamp(20px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:11%;top:-175px;border:1px solid #ffffff10;box-shadow:0 0 0 55px #ffffff06,0 0 0 120px #ffffff04;border-radius:50%;width:430px;height:430px}.hero>div{position:relative}.overline{color:#66ead8;letter-spacing:2.1px;font-size:10px;font-weight:800;margin:0 0 7px}.hero h1{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.9px;color:#fff;margin:0;line-height:1.18;font-weight:790}.hero-sub{font-size:12px;color:#c5d8e2;margin:8px 0 0}.hero-tag{border:1px solid #406680;border-radius:11px;padding:12px 18px;display:flex;align-items:center;gap:11px;background:#071d338a;color:#f4fbff;font-weight:720;font-size:12px;white-space:nowrap}.tag-icon{font-size:23px;color:#69e1d7}.hero-tag small{display:block;margin-top:5px;color:#acc8d5;font-size:10px;font-weight:450}
.auth-bg{flex:1;display:grid;place-items:center;padding:60px 22px 75px;background:radial-gradient(circle at 70% 20%,#e2f3f9,transparent 45%),#eef4f8}.auth-card{display:grid;grid-template-columns:1.1fr .9fr;width:min(1000px,100%);min-height:490px;background:#fff;border:1px solid #dde8ef;border-radius:18px;box-shadow:0 22px 70px #183b5312;overflow:hidden}.auth-pane{padding:clamp(32px,5.2vw,64px);display:flex;flex-direction:column;justify-content:center}.small-kicker{color:#198d92;font-weight:800;font-size:10px;letter-spacing:1.7px;display:flex;gap:10px;align-items:center}.pulse{height:8px;width:8px;border-radius:50%;background:#38b9a8}.auth-pane h2{font-size:clamp(28px,3.2vw,43px);color:#0d2840;line-height:1.15;letter-spacing:-1.4px;margin:20px 0 12px}.subtext{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 26px}.auth-form{display:grid;gap:18px}.auth-form label,.form-panel label,.edit-box label{color:#435f74;font-size:12px;font-weight:710;display:flex;flex-direction:column;gap:8px}.auth-form input,.form-panel input,.form-panel select,.edit-box input,.edit-box select{width:100%;border:1px solid #d5e2eb;border-radius:8px;padding:12px 13px;background:#fbfdff;font-size:13px;color:#15334b;outline:none}.auth-form input:focus,.form-panel input:focus,.form-panel select:focus,.edit-box input:focus,.edit-box select:focus{border-color:#49bcb8;box-shadow:0 0 0 3px #4bbcb81a}.hint{font-size:11px;color:#8194a3;margin:19px 0 0;line-height:1.6}.btn{border-radius:8px;min-height:41px;padding:12px 17px;font-size:12px;font-weight:750;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:13px;text-align:center}.btn.primary{background:#0e2b43;color:#fff;box-shadow:0 6px 17px #0d294021}.btn.primary:hover{background:#19445e}.btn.ghost{border-color:#d1e0ea;background:#fff;color:#29485e}.btn.ghost:hover{background:#f1f6f9}.btn.danger{background:#a93945;color:white}.btn.sm{min-height:31px;padding:8px 12px}.auth-form .btn{justify-content:space-between;margin-top:3px;font-size:14px;min-height:48px}
.auth-art{background:linear-gradient(150deg,#0e2b43,#123f5a);padding:48px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.auth-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff04,#ffffff04 1px,transparent 1px,transparent 30px),repeating-linear-gradient(0deg,#ffffff04,#ffffff04 1px,transparent 1px,transparent 30px)}.art-frame{position:relative;border:1px solid #40667a;background:#0a2940ed;box-shadow:0 20px 45px #07172665;border-radius:13px;width:100%;max-width:355px;padding:24px}.art-caption{color:#c2e6ef;letter-spacing:1.7px;font-size:10px;font-weight:780;margin-bottom:22px}.art-row{display:flex;align-items:center;gap:13px;border:1px solid #325d70;border-radius:8px;background:#ffffff06;padding:14px 13px;margin:10px 0;color:white;font-size:13px;font-weight:670}.art-row small{color:#9bc2ce;display:block;font-size:11px;margin-top:6px;font-weight:400}.art-symbol{color:#70e7d9;font-size:22px;width:28px;flex:none;text-align:center}.art-foot{display:flex;justify-content:space-between;border-top:1px solid #345467;margin-top:24px;padding-top:18px;font-size:10px;color:#b3cedb}.art-foot span{color:#70e7d9;font-weight:780}
.bar{background:white;border-bottom:1px solid #dce6ed;height:52px;display:flex;align-items:center;gap:12px;padding:0 clamp(20px,3vw,48px);color:#7e94a6;font-size:12px}.bar>a:first-child{font-weight:730;color:#203f55}.bar a:hover{text-decoration:underline}.bar-right{margin-left:auto;font-size:10px;color:#78909e;border:1px solid #e0e8ee;padding:7px 10px;border-radius:30px}.main{width:100%;max-width:1450px;margin:0 auto;flex:1;padding:42px clamp(20px,3vw,48px) 70px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:26px}.section-head.low{margin-top:48px}.section-head h2{margin:9px 0 6px;color:#102a42;font-size:clamp(23px,2.5vw,32px);letter-spacing:-.9px}.section-head p{margin:0;font-size:13px;color:#7991a1;line-height:1.5}.section-head .actions{display:flex;gap:8px}.count-pill{background:#e2f4f3;color:#176d71;border:1px solid #b9dedd;border-radius:30px;padding:9px 14px;font-size:11px;font-weight:750}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.client-card{background:white;border:1px solid #dce7ee;border-radius:14px;padding:26px;display:flex;flex-direction:column;min-height:210px;transition:.15s ease;box-shadow:0 6px 24px #19415708}.client-card:hover{border-color:#4fadaf;transform:translateY(-2px);box-shadow:0 14px 30px #19415710}.client-icon{height:44px;width:44px;background:#e7f3f4;color:#167579;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:820;margin-bottom:17px}.client-name{color:#152c42;font-size:18px;letter-spacing:-.4px;font-weight:750}.client-meta{font-size:11px;color:#7893a5;margin-top:8px;line-height:1.45}.client-link{font-weight:760;font-size:11px;color:#1d7c82;margin-top:auto;padding-top:16px}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-panel{background:white;border:1px solid #dce7ee;border-radius:13px;padding:26px;box-shadow:0 4px 20px #0e35500a}.form-panel.narrow{max-width:660px}.form-panel h3{font-size:19px;letter-spacing:-.5px;margin:0 0 6px}.form-desc{color:#7790a1;font-size:12px;line-height:1.5;margin:0 0 22px}.form-panel form{display:grid;gap:17px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-panel .btn{justify-self:start;margin-top:6px}
.report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.report-card{border:1px solid #dce7ee;background:white;border-radius:14px;padding:25px;min-height:250px;display:flex;flex-direction:column;box-shadow:0 5px 21px #0c294006}.report-icon{height:47px;width:47px;border-radius:12px;background:#e8f6f5;color:#1a888b;display:grid;place-items:center;margin-bottom:17px}.report-type{letter-spacing:1.1px;font-weight:780;font-size:10px;color:#478c92}.report-card h3{color:#132d42;letter-spacing:-.5px;font-size:20px;line-height:1.24;margin:10px 0 8px}.report-card p{color:#8496a3;font-size:12px;line-height:1.55;margin:0 0 18px}.report-bottom{margin-top:auto;border-top:1px solid #eaf0f4;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.viewlink{font-size:12px;font-weight:790;color:#146c79}.viewlink:hover{text-decoration:underline}.disabled{font-size:11px;color:#9aaab4}.edit-box{position:relative;color:#517284;font-size:12px}.edit-box summary{cursor:pointer;list-style:none;border:1px solid #dce7ef;border-radius:6px;padding:7px 10px;font-weight:700}.edit-box summary::-webkit-details-marker{display:none}.edit-box[open]{position:absolute;right:0;top:0;z-index:3;background:#fff;box-shadow:0 15px 40px #0a253524;border:1px solid #b6d4dc;padding:14px;width:min(330px,80vw);border-radius:10px}.edit-box[open] summary{margin-bottom:10px}.edit-box form{display:grid;gap:11px}.edit-box input,.edit-box select{padding:8px;font-size:12px}.delete-form{margin-top:11px;border-top:1px solid #edf1f4;padding-top:10px}.text-danger{background:none;border:none;padding:0;font-size:12px;color:#bd4455;cursor:pointer;text-align:left}.danger-panel{margin-top:40px;border:1px dashed #dec9ce;border-radius:9px;padding:16px;color:#aa4a5a;font-size:12px;max-width:370px}.danger-panel summary{cursor:pointer}.danger-panel form{margin-top:15px}.empty{background:#fff;border:1px dashed #cadae3;border-radius:14px;padding:50px;text-align:center;color:#708ba0}.alert{padding:13px 16px;margin:0 0 24px;background:#e4f6f2;color:#1b716f;border:1px solid #b7e3d9;border-radius:9px;font-size:13px}.alert.error{background:#fff2f2;color:#af3744;border-color:#f1ced3}
.embed-bar{background:#fff;border:1px solid #dde8ee;border-radius:11px 11px 0 0;padding:12px 16px;display:flex;justify-content:space-between;gap:20px;color:#687f8f;font-size:12px}.embed-bar a{color:#177a84;font-weight:750}.report-frame{height:76vh;min-height:560px;background:#fff;width:100%;border:1px solid #dce7ee;border-top:none;border-radius:0 0 12px 12px}.foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(20px,3vw,48px);border-top:1px solid #dbe7ed;background:#eff4f7;color:#8197a7;font-size:10px}.foot b{font-weight:800;color:#527287}
@media(max-width:970px){.head-label{display:none}.admin-grid{grid-template-columns:1fr}.auth-card{grid-template-columns:1fr}.auth-art{display:none}.hero-tag{display:none}}
@media(max-width:600px){.top{height:66px;padding:0 16px}.identity{gap:10px}.identity img{width:145px;height:44px}.identity span{font-size:8px;letter-spacing:1.1px;padding-left:9px}.head-button{font-size:10px;padding:8px}.connection{display:none}.hero{min-height:106px;padding:20px 18px}.hero h1{font-size:23px}.hero-sub{line-height:1.5}.bar{padding:0 17px;gap:7px}.bar-right{display:none}.auth-bg{padding:20px 14px 44px}.auth-pane{padding:28px 24px}.auth-pane h2{font-size:29px}.main{padding:28px 15px 50px}.section-head{align-items:start;flex-direction:column}.section-head .actions{width:100%;flex-wrap:wrap}.two-cols{grid-template-columns:1fr}.form-panel{padding:22px}.foot{justify-content:center;text-align:center}.foot span:last-child{display:none}.embed-bar{flex-direction:column}}