/* Shared AI Follow Up visual language - KOL workspace */
:root{--accent:#00d8c1;--accent-dark:#04bfae}
body{background:linear-gradient(145deg,#eef4f6,#f8fbfc 60%,#e9f4f4)}
.sidebar{background:linear-gradient(180deg,#071d31 0%,#0a2942 100%)}
.brand{padding:0 8px 26px}
.brand-logo{width:54px;height:54px;flex:0 0 auto;border-radius:14px;object-fit:cover;box-shadow:0 10px 24px rgba(0,0,0,.28)}
.brand b{font-size:18px;color:#fff}.brand small{color:#8fb1c5;line-height:1.45;letter-spacing:.11em}
.nav-item{color:#a8bdca}.nav-item:hover,.nav-item.active{background:#103a58}.nav-item.active:after{background:var(--acid)}
.side-foot{border-color:rgba(255,255,255,.1)}.pulse{background:var(--acid);box-shadow:0 0 0 5px rgba(0,216,193,.12)}
.topbar-title{display:flex;align-items:center;gap:12px}.topbar-logo{display:none;width:46px;height:46px;border-radius:12px;object-fit:cover}
.btn.primary{background:var(--acid);border-color:var(--acid);color:var(--ink)}.btn.primary:hover{background:#04c5b1;border-color:#04c5b1}
.hero{background:linear-gradient(125deg,#071d31 0%,#0d3654 72%,#0e4960 100%)}
.hero:before{background:radial-gradient(circle at 72% 20%,rgba(0,216,193,.22),transparent 31%),linear-gradient(110deg,transparent 52%,rgba(255,255,255,.035) 52%)}
.hero p:last-child,.score-ring small,.score-ring span{color:#a9c0cf}
.stat-card,.panel,.toolbar,.kol-card,.rate-card,.table-wrap{box-shadow:0 10px 30px rgba(7,29,49,.045)}
.bar-fill{background:linear-gradient(90deg,#00a995,var(--acid))}
.auth-gate{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(380px,.7fr);min-height:100vh;background:#071d31;color:#fff;padding:0;place-items:stretch;transition:.3s}
.auth-gate.authenticated{opacity:0;pointer-events:none;visibility:hidden}
.auth-visual{position:relative;overflow:hidden;padding:52px clamp(40px,7vw,110px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#06182a,#0a2d49 68%,#0e4960)}
.auth-visual:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(0,216,193,.2);border-radius:50%;right:-150px;top:-160px;box-shadow:0 0 0 80px rgba(0,216,193,.035),0 0 0 160px rgba(55,185,232,.025)}
.auth-visual:after{content:"CREATORS";position:absolute;right:-24px;bottom:-34px;font-size:138px;font-weight:800;letter-spacing:-7px;color:rgba(255,255,255,.035)}
.brand-lockup{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:800;letter-spacing:2px;position:relative;z-index:1}.auth-brand-logo{width:138px;height:138px;border-radius:28px;object-fit:cover;box-shadow:0 24px 60px rgba(0,0,0,.32)}
.auth-lockup span{display:grid;gap:6px}.auth-lockup b{font-size:18px;letter-spacing:.04em;color:#fff}.auth-lockup small{color:#8fb1c5;font-size:9px;letter-spacing:.16em}
.auth-visual>.eyebrow{position:relative;z-index:1;margin-top:auto;padding-top:90px;color:var(--accent)}
.auth-visual h1{position:relative;z-index:1;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(42px,5vw,74px);line-height:1.12;letter-spacing:0;margin:0 0 26px;max-width:820px;color:#fff}
.auth-copy{position:relative;z-index:1;font-size:17px;line-height:1.8;color:#cddbe4;max-width:720px;margin:0}
.region-line{position:relative;z-index:1;display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:50px;color:#9fb3c1;font-size:12px;flex-wrap:wrap}.region-line i{width:22px;height:1px;background:rgba(255,255,255,.2)}
.auth-panel{background:#eef4f6;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:40px;position:relative}
.auth-card{width:min(430px,100%);background:#fff;border:1px solid rgba(0,216,193,.2);border-radius:24px;padding:42px;box-shadow:0 28px 80px rgba(7,29,49,.18)}
.auth-panel-logo{display:block;width:84px;height:84px;margin:0 0 22px;border-radius:20px;object-fit:cover;box-shadow:0 12px 30px rgba(7,29,49,.18)}
.auth-card h2{font-size:30px;margin:0 0 8px}.auth-card .muted{margin:0 0 22px;color:var(--muted);line-height:1.6}
.auth-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:0;border-color:var(--acid);box-shadow:0 0 0 3px rgba(0,216,193,.14)}
.modal{border:1px solid rgba(7,29,49,.08)}
@media(max-width:1100px){.brand{justify-content:center;padding-inline:0}.brand-logo{width:50px;height:50px}.brand span{display:none}}
@media(max-width:760px){.topbar-title{min-width:0}.topbar-logo{display:block;flex:0 0 auto}.topbar-title .eyebrow{font-size:8px}.topbar h1{font-size:22px}.auth-gate{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:22px}.auth-panel-logo{width:96px;height:96px;margin-inline:auto}.auth-card{padding:34px 28px}}