:root{--blue:#3158d5;--blue2:#2446b8;--pale:#edf2ff;--ink:#17233b;--muted:#6e7d96;--line:#e3e8f1;--bg:#f5f7fb;--white:#fff;--green:#11996f;--amber:#d58c18;--red:#d94747;--shadow:0 16px 50px #20324b10}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:21px;letter-spacing:-.7px}.brand img{width:42px;height:42px}.brand span em{display:block;font-size:8px;letter-spacing:1.7px;color:var(--muted);font-style:normal;margin-top:-2px}.landing{min-height:100vh;background:radial-gradient(circle at 75% 25%,#dfe9ff 0,transparent 32%),#fff}.landing-nav{height:78px;display:flex;align-items:center;justify-content:space-between;width:min(1200px,calc(100% - 48px));margin:auto}.landing-nav nav{display:flex;gap:28px;color:#50617d;font-weight:600}.hero{width:min(1200px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:80px 0 110px}.eyebrow{font-size:11px;color:var(--blue);letter-spacing:1.8px;font-weight:800;text-transform:uppercase}.hero h1{font-size:58px;line-height:1.08;letter-spacing:-2.7px;margin:18px 0 23px;max-width:650px}.hero h1 span{color:var(--blue)}.hero p{font-size:17px;color:var(--muted);max-width:570px;line-height:1.8}.hero-points{display:flex;gap:22px;flex-wrap:wrap;margin:28px 0;color:#43536e;font-size:13px}.hero-points span:before{content:'✓';color:var(--green);font-weight:900;margin-right:8px}.button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;min-height:43px;padding:10px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 20px #3158d52b}.button.primary:hover{background:var(--blue2)}.button.danger{color:var(--red);border-color:#f2caca}.button.small{min-height:34px;padding:6px 10px;font-size:12px}.login-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 30px 90px #203e7c20}.login-card h2{font-size:28px;margin:8px 0}.login-card>p{color:var(--muted);margin:0 0 25px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;margin-bottom:16px}.field input{height:48px;border:1px solid #d9e0ec;border-radius:9px;padding:0 13px;color:var(--ink);background:#fff}.field input:focus{outline:3px solid #3158d51a;border-color:var(--blue)}.login-card .button{width:100%;margin-top:6px}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.trust div{padding:14px;background:#f7f9fd;border-radius:10px;font-size:11px;color:var(--muted)}.trust b{display:block;color:var(--ink);font-size:17px;margin-bottom:3px}.error{display:none;background:#fff0f0;border:1px solid #f1cccc;color:#a42c2c;padding:10px 12px;border-radius:8px;margin-bottom:14px}.error:not(:empty){display:block}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{padding:0 10px 26px}.nav-label{font-size:9px;letter-spacing:1.4px;color:#9aa6b8;font-weight:800;padding:16px 12px 8px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;width:100%;padding:11px 13px;border-radius:9px;color:#5a6980;font-weight:650;text-align:left;margin:2px 0}.nav-item:hover{background:#f5f7fb}.nav-item.active{background:var(--pale);color:var(--blue)}.nav-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#f0f3f8}.nav-item.active .nav-icon{background:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:16px 10px 0;color:var(--muted);font-size:11px}.sidebar-foot b{display:block;color:var(--ink);font-size:13px}.topbar{height:72px;margin-left:248px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:15}.topbar h1{font-size:18px;margin:0}.user-pill{display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;background:var(--pale);color:var(--blue);border-radius:50%;display:grid;place-items:center;font-weight:800}.main{margin-left:248px;padding:30px 32px 60px;max-width:1600px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.page-head h2{font-size:28px;letter-spacing:-.7px;margin:0 0 6px}.page-head p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.project-card,.panel,.stat{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px #20324b05}.project-card{padding:22px;display:flex;flex-direction:column;min-height:210px}.project-top{display:flex;justify-content:space-between;gap:12px}.site-icon{width:42px;height:42px;border-radius:11px;background:var(--pale);color:var(--blue);display:grid;place-items:center;font-size:19px;font-weight:800}.score{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--score)*1%),#e8edf3 0);position:relative}.score:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#fff}.score b{z-index:1;font-size:13px}.project-card h3{font-size:17px;margin:18px 0 4px}.project-url{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta{margin-top:auto;padding-top:18px;border-top:1px solid #eef1f5;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.empty{border:1px dashed #cfd8e7;border-radius:14px;background:#fafcff;text-align:center;padding:60px 25px;color:var(--muted);grid-column:1/-1}.empty strong{display:block;color:var(--ink);font-size:18px;margin-bottom:8px}.modal-backdrop{position:fixed;inset:0;background:#12203c8a;backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);background:#fff;border-radius:18px;padding:29px;box-shadow:0 30px 100px #0b153344}.modal-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-head h2{margin:0}.close{border:0;background:#f1f4f8;border-radius:50%;width:34px;height:34px}.project-heading{display:flex;align-items:center;gap:15px}.project-heading .site-icon{width:50px;height:50px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:0 0 24px}.tab{border:0;background:transparent;padding:12px 15px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat{padding:19px}.stat span{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:28px;margin-top:8px;letter-spacing:-1px}.stat strong.good{color:var(--green)}.stat strong.bad{color:var(--red)}.panel{padding:22px;margin-bottom:20px}.panel h3{font-size:16px;margin:0 0 17px}.issue-list{display:flex;flex-direction:column}.issue{display:grid;grid-template-columns:94px 1fr auto;gap:16px;padding:16px 0;border-top:1px solid #edf0f4;align-items:start}.issue:first-child{border-top:0}.badge{display:inline-flex;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;width:max-content}.critical{color:#b52f2f;background:#ffebeb}.warning{color:#9a6815;background:#fff3d8}.notice{color:#3a62bb;background:#edf2ff}.issue b{display:block;margin-bottom:4px}.issue p{color:var(--muted);font-size:12px;margin:0;max-width:760px}.issue small{color:#8996a8;word-break:break-all}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;min-width:800px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #edf0f4;font-size:12px}th{background:#f4f7fb;color:#5b6c84;font-size:10px;text-transform:uppercase;letter-spacing:.5px}td.url{max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-text{font-weight:850;color:var(--green)}.keyword-form{display:grid;grid-template-columns:1.2fr 1.5fr 110px 120px auto;gap:9px;margin-bottom:18px}.keyword-form input{height:42px;border:1px solid var(--line);border-radius:8px;padding:0 11px}.audit-loading{position:fixed;inset:0;background:#f5f7fbea;z-index:200;display:grid;place-content:center;text-align:center}.spinner{width:54px;height:54px;border:5px solid #dfe6f5;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 18px}@keyframes spin{to{transform:rotate(360deg)}}.audit-loading h2{margin:0 0 7px}.audit-loading p{color:var(--muted);max-width:480px}.toast{position:fixed;right:22px;bottom:22px;background:#17233b;color:#fff;padding:13px 17px;border-radius:10px;box-shadow:var(--shadow);z-index:300;max-width:380px}.mobile-toggle{display:none}.skeleton{animation:pulse 1.2s infinite;background:#e9edf4;border-radius:8px}@keyframes pulse{50%{opacity:.45}}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.keyword-form{grid-template-columns:1fr 1fr}.keyword-form .button{grid-column:span 2}.hero{gap:40px}.hero h1{font-size:46px}}@media(max-width:720px){.landing-nav nav{display:none}.hero{grid-template-columns:1fr;padding:42px 0}.hero h1{font-size:40px}.trust{grid-template-columns:1fr 1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.topbar,.main{margin-left:0}.topbar{padding:0 16px}.main{padding:23px 16px 45px}.mobile-toggle{display:block;border:0;background:#f0f3f8;border-radius:8px;width:38px;height:38px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.page-head{flex-direction:column}.issue{grid-template-columns:1fr}.keyword-form{grid-template-columns:1fr}.keyword-form .button{grid-column:auto}.landing-nav{width:calc(100% - 32px)}.hero{width:calc(100% - 32px)}.login-card{padding:25px}.topbar h1{font-size:15px}}