:root{color-scheme:light;--ink:#172238;--muted:#68758a;--line:#e1e7ef;--blue:#285cde;--paper:#f5f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-size:14px;line-height:1.65}a{color:var(--blue);text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #86a9ff;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.035em;line-height:1.35}h2{font-size:21px;letter-spacing:-.02em}h3{font-size:19px;line-height:1.5}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{display:block;color:var(--blue);font-weight:700;font-size:11px;letter-spacing:.16em;margin-bottom:9px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:30px;font-weight:750;line-height:1.2;letter-spacing:-.06em}.brand-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#fff;color:var(--blue);font-size:33px;line-height:1}.brand-caption{display:block;font-size:8px;font-weight:500;letter-spacing:.18em;margin-top:6px}.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:#172645;color:#a8b4ca;display:flex;flex-direction:column;padding:30px 22px}.sidebar .brand{margin-bottom:55px}.nav-label{font-size:10px;letter-spacing:.16em;font-weight:700;margin:0 12px 13px}.nav-link{display:flex;justify-content:space-between;padding:12px 15px;border-radius:8px;color:#fff;background:#2b3e61;font-weight:600}.sidebar-bottom{margin-top:auto;padding-top:50px;font-size:11px;color:#8c9db9}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;gap:20px}.topbar-label{font-size:12px;color:var(--muted)}.account{display:flex;align-items:center;gap:21px;min-width:0}.account>span{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.text-button{border:0;background:none;padding:8px 0;color:var(--muted);font-size:12px;white-space:nowrap}.text-button:hover{color:var(--blue)}.content{width:100%;max-width:1380px;padding:44px 42px;flex:1;min-width:0}.footer{padding:18px 42px;color:#94a0b1;font-size:11px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:35px}.page-heading p{margin-top:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:11px 20px;border:1px solid transparent;border-radius:8px;font-weight:650;font-size:13px;line-height:1.45;white-space:nowrap}.primary{background:var(--blue);color:#fff;box-shadow:0 3px 7px #285cde18}.primary:hover{background:#214dc0}.secondary{background:#fff;color:#536079;border-color:var(--line)}.full{width:100%}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.section-heading h2{font-size:15px;display:flex;align-items:center;gap:10px}.count{font-size:11px;color:var(--muted);background:#e7ecf4;border-radius:5px;padding:1px 7px}.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.site-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}.site-type{display:inline-flex;align-items:center;justify-content:center;background:#eef3ff;color:#4c69a6;border-radius:7px;min-width:42px;height:33px;padding:0 8px;font-size:10px;font-weight:700;letter-spacing:.08em}.badge{padding:3px 8px;border-radius:5px;font-size:10px;white-space:nowrap;color:#748196;background:#f0f3f7}.badge.active{color:#267458;background:#eaf6ef}.badge.suspended{color:#ad5a40;background:#fff0e9}.site-card h3{overflow-wrap:anywhere}.site-key{font-size:12px;color:#8a96a9;margin-top:5px;overflow-wrap:anywhere}.site-origin{font-size:12px;color:#596b85;padding:18px 0 22px;overflow-wrap:anywhere}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf0f5;padding-top:17px}.card-link{font-size:12px;font-weight:700;white-space:nowrap}.empty-state{text-align:center;padding:64px 22px 60px;background:#fff;border:1px dashed #cfd9e8;border-radius:12px}.empty-icon{width:55px;height:55px;margin:0 auto 22px;background:#edf3ff;color:var(--blue);border-radius:14px;font-size:27px;display:grid;place-items:center}.empty-state h2{font-size:20px}.empty-state p{margin:10px 0 24px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:28px;font-size:12px;color:var(--muted)}.back-link{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:22px}.settings-form{max-width:1000px}.form-section{display:grid;grid-template-columns:230px minmax(0,1fr);gap:35px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:20px}.section-intro h2{font-size:16px;margin-bottom:9px}.section-fields{display:flex;flex-direction:column;gap:24px;min-width:0}.field{margin:0;padding:0;border:0;min-width:0}.field label,.field legend{font-size:13px;font-weight:650;display:block;margin-bottom:9px}.field input:not([type=radio]),.field select{width:100%;min-width:0;min-height:45px;border:1px solid #d6deea;border-radius:7px;background:#fff;color:var(--ink);padding:11px 13px;font-size:14px}.field input[readonly]{background:#f6f8fb;color:#6d7e95}.field input::placeholder{color:#9ba6b7}.hint{font-size:11px;color:#7a879b;margin-top:7px;line-height:1.8}.required{margin-left:7px;color:#8a96a9;font-size:10px;font-weight:400}.type-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-option{display:flex!important;align-items:center;gap:11px;padding:15px;border:1px solid var(--line);border-radius:8px;margin:0!important;cursor:pointer}.type-option:has(input:checked){border-color:#91b0f7;background:#f7faff}.type-option input{margin:0;accent-color:var(--blue);width:16px;height:16px;flex-shrink:0}.type-option strong{font-size:13px}.type-option small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.notice{padding:15px 18px;border-radius:8px;margin-bottom:25px;font-size:12px;overflow-wrap:anywhere}.notice ul{margin:6px 0 0;padding-left:20px}.notice.success{background:#eaf7ef;color:#276c4c;border:1px solid #d0e9d9}.notice.error{background:#fff0ec;color:#9a482d;border:1px solid #f1d5cc}.auth-shell{min-height:100vh;display:grid;grid-template-columns:43% 57%;background:#fff}.auth-intro{background:#1d3668;padding:50px 12%;display:flex;flex-direction:column;justify-content:center;color:#fff}.auth-intro .brand{margin-bottom:85px}.auth-intro .eyebrow{color:#a9bff0;letter-spacing:.13em}.auth-intro h1{font-size:clamp(28px,3vw,43px);line-height:1.6;margin-top:15px}.auth-intro p{font-size:13px;color:#b4c4e5;line-height:2.1;margin-top:24px}.intro-line{width:44px;height:2px;background:#5c81c7;margin-top:50px}.intro-foot{font-size:11px;color:#9bb1d9;margin-top:22px}.auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 35px}.auth-card{width:100%;max-width:400px}.auth-card h2{font-size:26px}.auth-description{margin:10px 0 29px;font-size:12px}.form-stack{display:flex;flex-direction:column;gap:20px}.form-stack .button{margin-top:8px}.auth-footer{margin-top:38px;color:#99a5b7;font-size:10px}.auth-switch{font-size:12px;text-align:center;margin-top:22px}@media(min-width:1600px){.content{margin:0 auto}}@media(max-width:1200px){.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-section{grid-template-columns:180px minmax(0,1fr);gap:24px}.topbar,.content{padding-left:30px;padding-right:30px}}@media(max-width:850px){.sidebar{width:185px;padding:28px 18px}.sidebar-bottom{font-size:10px}.form-section{grid-template-columns:1fr;gap:24px}.site-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:36% 64%}.auth-intro{padding:35px 25px}.auth-intro h1{font-size:26px}.auth-intro .brand{margin-bottom:60px}}@media(max-width:600px){h1{font-size:26px}.app-shell{display:block}.sidebar{width:100%;padding:16px 20px;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.sidebar .brand{margin:0;font-size:25px}.brand-icon{width:32px;height:32px;border-radius:8px;font-size:28px}.brand-caption{font-size:6px;letter-spacing:.12em}.nav-label,.sidebar-bottom{display:none}.nav-link{font-size:12px;padding:8px 12px;gap:15px}.topbar{height:57px;padding:0 20px}.topbar-label{font-size:10px}.account{gap:12px}.account>span{max-width:105px;font-size:11px}.text-button{font-size:10px}.content{padding:28px 20px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:30px;gap:18px}.page-heading>.button{width:100%}.site-card{padding:21px}.section-heading>.small{font-size:10px}.form-section{padding:22px 18px}.type-options{grid-template-columns:1fr}.form-actions>.button{flex:1;padding:11px 12px}.footer{padding-left:20px}.empty-state{padding:44px 17px}.empty-state h2{font-size:18px}.empty-state p{font-size:12px}.auth-shell{display:block}.auth-intro{padding:24px}.auth-intro .brand{margin:0;font-size:25px}.auth-intro> :not(.brand){display:none}.auth-panel{padding:36px 24px 24px}.auth-card h2{font-size:24px}}