:root{color-scheme:light;--sidebar: #0c1530;--sidebar-deep: #0a1228;--surface: #ffffff;--surface-alt: #f6f8fc;--stroke: #e6ebf3;--text: #121623;--muted: #7a8599;--accent: #5b52ff;--accent-soft: rgba(91, 82, 255, .14);--blue: #3f7cff;--purple: #6f6bff;--orange: #ff9a3c;--green: #18b66c;--shadow: 0 16px 38px rgba(18, 22, 35, .08);--radius-lg: 22px;--radius-md: 16px;--font-display: "Playfair Display", "Noto Sans SC", serif;--font-body: "Space Grotesk", "Noto Sans SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--surface-alt);color:var(--text);font-family:var(--font-body)}#root{min-height:100vh}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px 40px;position:relative;overflow:hidden;background:radial-gradient(circle at top,#152b55,#101b35 38%,#0b1224);color:#f3f6ff}.login-glow{position:absolute;border-radius:999px;opacity:.7;animation:float 10s ease-in-out infinite}.login-glow--one{width:260px;height:260px;top:-80px;left:-40px;background:radial-gradient(circle,#2f8cff8c,#2f8cff00 70%)}.login-glow--two{width:320px;height:320px;bottom:-120px;right:-60px;background:radial-gradient(circle,#27d7c873,#27d7c800 72%);animation-delay:-2s}.login-card{width:min(460px,92vw);padding:36px 30px 28px;border-radius:28px;background:#0e1628db;border:1px solid rgba(133,165,214,.18);box-shadow:0 22px 60px #040a1a8c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:2;animation:rise .8s ease-out}.login-logo{width:72px;height:72px;border-radius:20px;margin:0 auto 16px;padding:2px;background:linear-gradient(135deg,#2f8cff,#27d7c8)}.login-logo-inner{width:100%;height:100%;border-radius:18px;background:#070c1ae6;display:grid;place-items:center;font-size:26px;color:#f6f9ff;font-family:var(--font-display)}.login-card h1{text-align:center;font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:.4px}.login-subtitle{margin-top:6px;text-align:center;color:#9db4d6;font-size:13px}.login-form{margin-top:26px;display:grid;gap:16px}.login-field{display:grid;gap:8px;font-size:12px;color:#9db4d6}.login-input{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(120,150,205,.25);color:#f3f6ff}.login-icon{font-size:14px;color:#9db4d6}.login-input input{flex:1;background:transparent;border:none;outline:none;color:#f3f6ff;font-size:14px;font-family:var(--font-body)}.login-input input::placeholder{color:#9db4d699}.login-code-row{display:flex;align-items:center;gap:12px}.login-secondary{border:1px solid rgba(120,150,205,.4);background:#3c78dc26;color:#cfe4ff;padding:10px 14px;border-radius:12px;font-size:12px;cursor:pointer;white-space:nowrap}.login-secondary:disabled{opacity:.6;cursor:wait}.login-ghost{background:transparent;border:none;color:#9db4d6;font-size:12px;cursor:pointer}.login-alert{padding:10px 12px;border-radius:12px;font-size:12px;border:1px solid transparent}.login-alert.error{color:#ff8aa0;background:#ff8aa01a;border-color:#ff8aa04d}.login-alert.success{color:#78f7b5;background:#78f7b51a;border-color:#78f7b54d}.login-primary{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:10px;height:50px;border-radius:16px;border:none;cursor:pointer;font-size:15px;font-family:var(--font-body);color:#f6fbff;background:linear-gradient(120deg,#2f8cff,#27d7c8);box-shadow:0 18px 24px #2791ff33;transition:transform .2s ease,opacity .2s ease}.login-primary:disabled{opacity:.7;cursor:wait}.login-primary:hover:not(:disabled){transform:translateY(-1px)}.login-footer{margin-top:22px;display:flex;justify-content:space-between;font-size:11px;color:#9db4d6b3}.dashboard{min-height:100vh;display:block;background:var(--surface-alt)}.sidebar{background:linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar-deep) 100%);color:#e9eeff;padding:28px 22px 22px;display:flex;flex-direction:column;gap:26px;position:fixed;top:0;left:0;height:100vh;width:280px;overflow-y:auto;z-index:20}.brand{display:flex;gap:14px;align-items:center}.brand-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#6d7dff,#52e0ff);display:grid;place-items:center;font-size:20px;color:#fff}.brand h2{font-size:18px;font-family:var(--font-display);letter-spacing:.4px}.brand p{font-size:11px;color:#e9eeff99;letter-spacing:1px}.nav{display:flex;flex-direction:column;gap:18px;flex:1}.nav-group{display:flex;flex-direction:column;gap:10px}.nav-title{font-size:11px;letter-spacing:1px;color:#e9eeff80;text-transform:uppercase}.nav-item{border:none;background:transparent;color:#e9eeffcc;padding:10px 12px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;transition:background .2s ease,color .2s ease}.nav-item .nav-dot{width:8px;height:8px;border-radius:50%;background:#e9eeff66}.nav-item.is-active{background:#5b52ff33;color:#fff}.nav-item.is-active .nav-dot{background:#8ea2ff}.profile-card{background:#ffffff14;border-radius:16px;padding:14px;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center}.profile-card .avatar{width:40px;height:40px;border-radius:14px;background:#6e7cff;display:grid;place-items:center;font-weight:600}.profile-card span{display:block;font-size:12px;color:#e9eeff8c}.profile-card strong{display:block;font-size:13px}.logout{border:none;background:#ffffff1f;color:#fff;width:32px;height:32px;border-radius:10px;cursor:pointer}.content{padding:32px 34px 40px;display:flex;flex-direction:column;gap:24px;margin-left:280px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar h1{font-size:20px}.topbar p{font-size:12px;color:var(--muted)}.menu-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--stroke);background:var(--surface);cursor:pointer}.topbar-actions{display:flex;align-items:center;gap:12px}.ghost-btn{border:1px solid var(--stroke);background:var(--surface);padding:8px 14px;border-radius:12px;font-size:13px;cursor:pointer}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--stroke);background:var(--surface);cursor:pointer}.user-chip{display:flex;align-items:center;gap:6px;font-size:12px;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.user-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stats-secondary{margin-top:16px}.stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:18px;border:1px solid var(--stroke);display:flex;gap:14px;box-shadow:var(--shadow);animation:rise .6s ease both}.stat-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:#3f7cff1f}.tone-purple .stat-icon{background:#6f6bff1f}.tone-orange .stat-icon{background:#ff9a3c24}.tone-green .stat-icon{background:#18b66c29}.stat-title{font-size:12px;color:var(--muted)}.stat-value{font-size:22px;font-weight:600;margin:6px 0}.stat-meta{display:flex;align-items:center;gap:10px;font-size:12px}.stat-delta{font-weight:600}.stat-delta.is-positive{color:var(--green)}.stat-delta.is-negative{color:#ff5c6a}.stat-badge{background:var(--surface-alt);padding:4px 10px;border-radius:999px;color:var(--muted)}.monitor-layout{display:grid;grid-template-columns:180px 1fr;gap:20px;--monitor-line-0: #2f7bff;--monitor-line-1: #4cc98c;--monitor-line-2: #ff9a3c;--monitor-line-3: #3cc5d5;--monitor-line-4: #ff6b6b}.monitor-nav{display:flex;flex-direction:column;gap:8px;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--stroke);padding:12px;box-shadow:var(--shadow);height:fit-content}.monitor-nav button{border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:12px;color:var(--muted);cursor:pointer;font-weight:500}.monitor-nav button.active{background:var(--primary-soft);color:var(--primary)}.monitor-content{display:flex;flex-direction:column;gap:16px}.monitor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--surface);border-radius:var(--radius-lg);padding:12px 16px;border:1px solid var(--stroke);box-shadow:var(--shadow)}.monitor-overview-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;background:var(--surface);border-radius:14px;padding:12px 16px;border:1px solid var(--stroke);box-shadow:var(--shadow)}.monitor-overview-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.monitor-overview-label{font-size:13px;color:var(--muted)}.monitor-overview-toolbar select{border:1px solid var(--stroke);border-radius:8px;padding:6px 10px;font-size:13px;background:#fff}.monitor-pill-group{display:flex;gap:8px;flex-wrap:wrap}.monitor-pill-group button{border:1px solid var(--stroke);background:#f7f9fc;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;color:var(--muted)}.monitor-pill-group .monitor-pill-muted{background:transparent;color:var(--muted);cursor:not-allowed}.monitor-pill-group button.active{background:#2f7bff1f;border-color:#2f7bff;color:#1f5fd4;font-weight:600}.monitor-custom-range{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.monitor-custom-range input{border:1px solid var(--stroke);border-radius:8px;padding:6px 10px;font-size:12px;background:#fff;color:var(--text)}.monitor-custom-range.compact{gap:6px}.monitor-custom-range.compact input{padding:5px 8px}.monitor-refresh{border:1px solid var(--stroke);background:var(--surface);padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer}.monitor-sites-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border-radius:var(--radius-lg);padding:12px 16px;border:1px solid var(--stroke);box-shadow:var(--shadow)}.monitor-overview{display:grid;gap:16px}.monitor-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.monitor-kpi-card{background:#fff;border-radius:12px;padding:12px 14px;border:1px solid var(--stroke);box-shadow:0 8px 20px #1216230f;display:flex;flex-direction:column;gap:6px;min-height:78px}.monitor-kpi-card span{color:var(--muted);font-size:12px}.monitor-kpi-card strong{font-size:20px;color:#1b2a4a}.monitor-summary-foot{display:flex;justify-content:space-between;gap:12px;margin-top:-4px;font-size:12px;color:var(--muted)}.monitor-trend-card{background:var(--surface);border-radius:14px;padding:16px 18px 18px;border:1px solid var(--stroke);box-shadow:var(--shadow)}.monitor-trend-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.monitor-trend-title{font-weight:600}.monitor-metric-selector{display:flex;flex-wrap:wrap;gap:10px 12px}.monitor-metric-selector button{border:none;background:transparent;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:999px}.monitor-metric-selector button.active{background:#2f7bff1f;color:#1f5fd4;font-weight:600}.monitor-radio{width:10px;height:10px;border-radius:999px;border:2px solid #c9d6f0;display:inline-block;position:relative}.monitor-metric-selector button.active .monitor-radio{border-color:#2f7bff}.monitor-metric-selector button.active .monitor-radio:after{content:"";position:absolute;inset:2px;border-radius:999px;background:#2f7bff}.monitor-sites-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;background:var(--surface);border-radius:14px;padding:16px;border:1px solid var(--stroke)}.monitor-sites-summary div{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.monitor-sites-summary strong{font-size:18px;color:var(--text)}@media(max-width:1100px){.monitor-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-summary-foot{flex-direction:column;align-items:flex-start}.monitor-sites-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.monitor-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-trend-header{flex-direction:column;align-items:flex-start}.monitor-sites-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.monitor-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.monitor-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.monitor-filters select,.monitor-filters input{border:1px solid var(--stroke);border-radius:10px;padding:6px 10px;font-size:13px}.monitor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.monitor-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-card{background:var(--surface);border-radius:14px;padding:14px;border:1px solid var(--stroke);display:flex;flex-direction:column;gap:6px}.monitor-card strong{font-size:18px}.monitor-section{display:flex;flex-direction:column;gap:14px}.monitor-table{border:1px solid var(--stroke);border-radius:14px;background:var(--surface);overflow:hidden}.monitor-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));padding:10px 14px;border-bottom:1px solid var(--stroke);font-size:13px;align-items:center;gap:8px}.monitor-table-ips .monitor-row,.monitor-table-ips .monitor-row.head{grid-template-columns:1.2fr 1fr 1fr .8fr .8fr .8fr}.monitor-table-sites .monitor-row,.monitor-table-sites .monitor-row.head{grid-template-columns:1.6fr .8fr .8fr .8fr .9fr .9fr .8fr .8fr .8fr .6fr .6fr .7fr}.monitor-table-uris .monitor-row,.monitor-table-uris .monitor-row.head{grid-template-columns:2fr .8fr .8fr .8fr}.monitor-table-logs .monitor-row,.monitor-table-logs .monitor-row.head{grid-template-columns:1.2fr .9fr .6fr .6fr .7fr .7fr 2fr 2fr}.monitor-row.head{background:var(--surface-alt);font-weight:600;color:var(--muted)}.monitor-row:last-child{border-bottom:none}.monitor-site{font-weight:600;position:relative;display:flex;align-items:center;gap:8px}.monitor-site-bar{height:6px;width:60px;border-radius:999px;background:#18b66c33;position:relative;flex:0 0 auto;display:inline-block;min-width:8px}.monitor-site-bar:after{content:"";position:absolute;inset:0;border-radius:999px;background:var(--green);width:var(--bar, 0%)}.monitor-switch{width:34px;height:18px;border-radius:999px;background:var(--surface-alt);position:relative;display:inline-flex;align-items:center;padding:2px}.monitor-switch:after{content:"";width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s ease}.monitor-switch.on{background:var(--green)}.monitor-switch.on:after{transform:translate(16px)}.monitor-actions{display:inline-flex;gap:8px}.monitor-link-btn{background:transparent;border:none;color:var(--green);cursor:pointer;font-size:12px;padding:0}.site-config{display:flex;flex-direction:column;gap:16px}.site-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.site-config-card{background:var(--surface);border-radius:var(--radius-lg);padding:16px;border:1px solid var(--stroke);display:flex;flex-direction:column;gap:12px}.site-config-card h3{font-size:16px;margin:0}.site-config-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.site-config-card input,.site-config-card textarea{border:1px solid var(--stroke);border-radius:10px;padding:8px 10px;font-size:13px;background:var(--surface-alt)}.site-config-screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.site-config-shot{display:flex;flex-direction:column;gap:8px}.site-config-preview{border-radius:12px;background:var(--surface-alt);border:1px dashed var(--stroke);height:160px;display:grid;place-items:center;overflow:hidden}.site-config-preview img{width:100%;height:100%;object-fit:cover}.site-config-logo-preview{width:64px;height:64px;border-radius:16px;border:1px dashed var(--stroke);background:var(--surface-alt);display:grid;place-items:center;overflow:hidden}.site-config-logo-preview img{width:100%;height:100%;object-fit:cover}.site-config-tip{font-size:12px;color:var(--muted)}.site-config-tip.error{color:#e35b5b}.site-config-progress{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.site-config-progress-track{height:6px;border-radius:999px;background:var(--surface-alt);overflow:hidden;border:1px solid var(--stroke)}.site-config-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#3f8cff,#5cd6ff);border-radius:999px;transition:width .2s ease}.site-config-actions{display:flex;justify-content:flex-end}.site-config-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.site-config-tabs{display:inline-flex;gap:6px;background:var(--surface);border:1px solid var(--stroke);border-radius:999px;padding:4px}.site-config-tabs button{border:none;background:transparent;border-radius:999px;padding:6px 14px;font-size:12px;cursor:pointer;color:var(--muted)}.site-config-tabs button.active{background:var(--primary);color:#fff}.monitor-uri,.monitor-ua{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-bars{display:grid;gap:10px}.monitor-bar-item{display:grid;grid-template-columns:120px 1fr 60px;gap:12px;align-items:center;font-size:13px}.monitor-bar-track{background:var(--surface-alt);border-radius:999px;height:8px;overflow:hidden}.monitor-bar-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#06b6d4)}.monitor-chart{background:#fff;border-radius:12px;padding:12px 14px 10px;border:1px solid var(--stroke);box-shadow:inset 0 0 0 1px #e6ebf366;position:relative;overflow:hidden;background-image:linear-gradient(transparent 29px,#f0f4fa 30px),linear-gradient(90deg,transparent 59px,#f0f4fa 60px);background-size:100% 30px,60px 100%}.monitor-chart-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));font-size:11px;color:var(--muted);margin-top:8px}.monitor-chart svg{width:100%;height:220px}.monitor-chart-legend{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted);margin-top:8px}.monitor-chart-legend span{display:inline-flex;align-items:center;gap:6px}.monitor-chart-legend i{width:8px;height:8px;border-radius:999px;display:inline-block}.monitor-inline{display:flex;gap:12px;align-items:center}.monitor-inline input,.monitor-inline select{border:1px solid var(--stroke);border-radius:10px;padding:6px 10px}.monitor-reports{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.monitor-report-card{background:var(--surface);border-radius:16px;padding:16px;border:1px solid var(--stroke);display:flex;flex-direction:column;gap:8px}.monitor-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.monitor-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.monitor-form input,.monitor-form select{border:1px solid var(--stroke);border-radius:10px;padding:6px 10px}.danger{color:#ef4444;font-weight:600}.switch{position:relative;display:inline-flex;align-items:center;width:38px;height:20px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:var(--surface-alt);border-radius:999px;transition:all .2s ease;border:1px solid var(--stroke)}.switch span:after{content:"";position:absolute;width:16px;height:16px;top:1px;left:1px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0f172a1a;transition:all .2s ease}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(18px)}.lower-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{background:var(--surface);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--stroke);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-header h3{font-size:16px}.pill{font-size:12px;padding:6px 10px;border-radius:999px;background:var(--surface-alt);color:var(--muted)}.pill.success{color:var(--green);background:#18b66c1f}.trend{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;align-items:end;height:110px}.trend-bar{border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,#7f8bff,#5b52ff);animation:grow .8s ease forwards}.status-panel{justify-content:space-between}.status-list{display:grid;gap:12px;font-size:13px;color:var(--muted)}.status-list div{display:flex;justify-content:space-between;align-items:center}.status-list strong{color:var(--text)}.status-list .ok{color:var(--green)}.status-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.activity{background:var(--surface);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--stroke);box-shadow:var(--shadow)}.activity-list{display:grid;gap:12px}.activity-item{padding:12px 14px;border-radius:14px;background:var(--surface-alt);font-size:13px;display:flex;gap:10px;align-items:center}.badge{font-size:11px;padding:4px 8px;border-radius:999px;background:#5b52ff1f;color:var(--accent)}.activity-foot{margin-top:16px;text-align:right;color:var(--muted);font-size:11px}.config-page{display:flex;justify-content:center;padding-top:10px}.config-card{width:min(720px,100%);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--stroke);padding:28px;box-shadow:var(--shadow);display:grid;gap:18px}.config-card h2{font-size:20px}.config-card p{color:var(--muted);font-size:13px}.config-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.config-block{border:1px solid var(--stroke);border-radius:16px;padding:18px;display:grid;gap:14px;background:#fbfbfe}.config-block-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.config-block-actions{display:flex;gap:8px}.config-field{display:grid;gap:8px}.config-field label{font-size:13px;color:var(--muted)}.config-field input,.config-field select{padding:12px 14px;border-radius:12px;border:1px solid var(--stroke);font-size:14px;font-family:var(--font-body);background:#fff}.config-key{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.config-key button{border:1px solid var(--stroke);background:var(--surface);padding:8px 12px;border-radius:10px;cursor:pointer;font-size:12px}.config-hint{font-size:11px;color:var(--muted)}.config-test{margin-top:4px}.config-test.success{color:#1c8a57}.config-test.error{color:#c23d3d}.config-save{width:140px;height:42px;border-radius:12px;border:none;background:var(--accent);color:#fff;font-size:14px;cursor:pointer;box-shadow:0 14px 22px #5b52ff33}.config-save:disabled{opacity:.7;cursor:wait}.users-page{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--stroke);box-shadow:var(--shadow);padding:24px;display:grid;gap:18px}.users-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.users-header h2{font-size:18px}.users-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.users-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--stroke);background:#fff}.users-search input{border:none;outline:none;font-size:13px}.users-btn{border:1px solid var(--stroke);background:var(--surface);padding:8px 12px;border-radius:10px;font-size:13px;cursor:pointer}.users-btn.primary{background:var(--accent);color:#fff;border:none}.users-table{border-radius:16px;border:1px solid var(--stroke);overflow:hidden}.users-row{display:grid;grid-template-columns:2fr 1fr 1fr .8fr .6fr;gap:12px;padding:14px 16px;align-items:center;border-bottom:1px solid var(--stroke);background:#fff}.users-row:last-child{border-bottom:none}.users-head{background:var(--surface-alt);font-size:12px;color:var(--muted);font-weight:600}.user-info{display:flex;align-items:center;gap:10px}.user-info .avatar{width:34px;height:34px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:600}.user-info span{display:block;font-size:12px;color:var(--muted)}.users-link{border:none;background:transparent;color:var(--accent);cursor:pointer;font-size:13px}.users-empty{padding:30px;text-align:center;color:var(--muted)}.users-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.users-pagination{display:flex;gap:10px}.users-pagination button{border:1px solid var(--stroke);background:var(--surface);padding:6px 12px;border-radius:10px;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:#0a0f1e66;display:grid;place-items:center;z-index:20}.modal-card{width:min(520px,92vw);background:var(--surface);border-radius:18px;border:1px solid var(--stroke);padding:20px;box-shadow:0 20px 40px #10142833;display:grid;gap:16px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:16px}.modal-header button{border:none;background:var(--surface-alt);border-radius:10px;width:32px;height:32px;cursor:pointer}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.modal-grid span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.modal-grid strong{font-size:14px;color:var(--text)}.ideas-page,.achievements-page,.avatar-config-page{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--stroke);box-shadow:var(--shadow);padding:24px;display:grid;gap:18px}.avatar-config-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.avatar-config-header h2{font-size:18px}.avatar-config-header span{font-size:12px;color:var(--muted)}.avatar-config-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.avatar-config-table{border-radius:14px;border:1px solid var(--stroke);overflow:hidden}.avatar-config-row{display:grid;grid-template-columns:.4fr 2.2fr .6fr .9fr .8fr;gap:12px;padding:12px 14px;align-items:center;border-bottom:1px solid var(--stroke);background:#fff;font-size:12px}.avatar-config-row:last-child{border-bottom:none}.avatar-config-head{background:var(--surface-alt);color:var(--muted);font-weight:600;font-size:12px}.avatar-config-select{display:flex;align-items:center;justify-content:center}.avatar-config-info{display:flex;align-items:center;gap:12px}.avatar-config-info strong{display:block;font-size:13px}.avatar-config-info span{color:var(--muted);font-size:12px}.avatar-config-image{width:48px;height:48px;border-radius:12px;border:1px solid var(--stroke);background:#f7f8fc;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:11px;color:var(--muted)}.avatar-config-image img{width:100%;height:100%;object-fit:contain}.avatar-config-row-actions{display:flex;align-items:center;gap:12px}.avatar-config-upload{display:flex;align-items:center;gap:10px;margin-bottom:8px}.avatar-config-preview{margin-top:8px;border:1px solid var(--stroke);border-radius:12px;padding:12px;background:#f7f8fc;display:grid;place-items:center;min-height:220px}.avatar-config-preview img{width:100%;max-height:220px;object-fit:contain;border-radius:10px}.modal-avatar{width:min(540px,92vw)}.member-config-page{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--stroke);box-shadow:var(--shadow);padding:24px;display:grid;gap:18px}.member-config-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.member-config-header h2{font-size:18px}.member-config-header span{font-size:12px;color:var(--muted)}.member-config-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.member-config-table{border-radius:14px;border:1px solid var(--stroke);overflow:hidden}.member-config-row{display:grid;grid-template-columns:.4fr 2.2fr .6fr .9fr .8fr;gap:12px;padding:12px 14px;align-items:center;border-bottom:1px solid var(--stroke);background:#fff;font-size:12px}.member-config-row:last-child{border-bottom:none}.member-config-head{background:var(--surface-alt);color:var(--muted);font-weight:600;font-size:12px}.member-config-select{display:flex;align-items:center;justify-content:center}.member-config-info{display:flex;align-items:center;gap:12px}.member-config-info strong{display:block;font-size:13px}.member-config-info span{color:var(--muted);font-size:12px}.member-config-image{width:48px;height:48px;border-radius:12px;border:1px solid var(--stroke);background:#f7f8fc;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:11px;color:var(--muted)}.member-config-image img{width:100%;height:100%;object-fit:contain}.member-config-row-actions{display:flex;align-items:center;gap:12px}.member-config-upload{display:flex;align-items:center;gap:10px;margin-bottom:8px}.member-config-preview{margin-top:8px;border:1px solid var(--stroke);border-radius:12px;padding:12px;background:#f7f8fc;display:grid;place-items:center;min-height:220px}.member-config-preview img{width:100%;max-height:220px;object-fit:contain;border-radius:10px}.modal-member{width:min(540px,92vw)}.points-page{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--stroke);box-shadow:var(--shadow);padding:24px;display:grid;gap:18px}.points-header h2{font-size:18px}.points-header span{font-size:12px;color:var(--muted)}.points-grid{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:18px}.points-card{background:var(--surface);border-radius:16px;border:1px solid var(--stroke);padding:18px;display:grid;gap:16px}.points-card h3{font-size:15px}.points-card-header{display:flex;align-items:center;justify-content:space-between}.points-form{display:grid;gap:12px}.points-form label{font-size:12px;color:var(--muted);display:grid;gap:6px}.points-form input,.points-form textarea,.points-form select{border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;font-size:13px;font-family:var(--font-body)}.points-form textarea{min-height:90px;resize:vertical}.points-user-row{display:flex;gap:8px}.points-user-row input{flex:1}.points-table{border-radius:14px;border:1px solid var(--stroke);overflow:hidden}.points-row{display:grid;grid-template-columns:1fr 1.2fr 2fr .6fr .6fr .9fr;gap:12px;padding:12px 14px;align-items:center;border-bottom:1px solid var(--stroke);background:#fff;font-size:12px}.points-row:last-child{border-bottom:none}.points-head{background:var(--surface-alt);font-size:12px;color:var(--muted);font-weight:600}.points-detail{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.points-row .pos{color:#16a34a}.points-row .neg{color:#ef4444}.points-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}@media(max-width:960px){.points-grid{grid-template-columns:1fr}}.feedback-page{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--stroke);box-shadow:var(--shadow);padding:24px;display:grid;gap:18px}.feedback-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-header h2{font-size:18px}.feedback-header>div span{font-size:12px;color:var(--muted)}.feedback-form{display:grid;gap:14px}.feedback-form label{font-size:12px;color:var(--muted);display:grid;gap:6px}.feedback-form input,.feedback-form textarea,.feedback-form select{border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;font-size:13px;font-family:var(--font-body);background:#fff}.feedback-form textarea{min-height:120px;resize:vertical}.feedback-grid{display:grid;grid-template-columns:minmax(320px,360px) 1fr;gap:18px}.feedback-card{background:var(--surface);border-radius:16px;border:1px solid var(--stroke);padding:18px;display:grid;gap:14px}.feedback-card h3{font-size:15px}.feedback-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-card-header span{font-size:12px;color:var(--muted)}.feedback-user-row{display:flex;gap:8px}.feedback-user-row input{flex:1}.feedback-upload{border:1px dashed var(--stroke);border-radius:14px;padding:14px;display:grid;gap:10px;background:var(--surface-alt)}.feedback-upload-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.feedback-upload-note{color:var(--muted)}.feedback-upload-action{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.feedback-upload-btn{border:none;background:var(--accent);color:#fff;padding:8px 12px;border-radius:10px;font-size:12px;cursor:pointer;box-shadow:0 12px 18px #5b52ff33}.feedback-upload-clear{border:1px solid var(--stroke);background:#fff;color:var(--text);padding:8px 12px;border-radius:10px;font-size:12px;cursor:pointer}.feedback-upload-hint{font-size:11px;color:var(--muted)}.feedback-upload-input{display:none}.feedback-upload-list{display:flex;gap:8px;flex-wrap:wrap}.feedback-upload-chip{font-size:11px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--stroke);color:var(--text)}.feedback-upload-empty{font-size:12px;color:var(--muted)}.feedback-table{border-radius:14px;border:1px solid var(--stroke);overflow:hidden}.feedback-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr .9fr;gap:12px;padding:12px 14px;align-items:center;border-bottom:1px solid var(--stroke);background:#fff;font-size:12px}.feedback-row:last-child{border-bottom:none}.feedback-head{background:var(--surface-alt);font-size:12px;color:var(--muted);font-weight:600}.feedback-user{display:grid;gap:2px;font-weight:600}.feedback-user span{font-weight:400;color:var(--muted);font-size:11px}.feedback-text{font-size:12px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feedback-images{display:grid;grid-template-columns:repeat(3,40px);gap:6px}.feedback-images a{width:40px;height:40px;border-radius:8px;overflow:hidden;border:1px solid var(--stroke);background:#f3f4f6;display:block}.feedback-images img{width:100%;height:100%;object-fit:cover;display:block}.feedback-contact{color:var(--text)}.feedback-date{color:var(--muted);font-size:12px}.feedback-empty{padding:20px;text-align:center;color:var(--muted);font-size:12px}.feedback-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.feedback-submit{width:160px;height:42px;border-radius:12px;border:none;background:linear-gradient(120deg,#2f8cff,#27d7c8);color:#fff;font-size:14px;cursor:pointer;box-shadow:0 14px 22px #2791ff33}.feedback-submit:disabled{opacity:.7;cursor:wait}.server-page{display:grid;gap:18px}.server-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.server-header h2{font-size:18px}.server-header span{font-size:12px;color:var(--muted)}.server-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.server-card{background:var(--surface);border-radius:18px;border:1px solid var(--stroke);box-shadow:var(--shadow);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.server-card h3{font-size:18px}.server-card span{font-size:12px;color:var(--muted)}.server-kicker{font-size:12px;color:var(--muted);margin-bottom:6px}.server-ring{position:relative;width:90px;height:90px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--percent) * 1%),#eef1f6 0);display:grid;place-items:center}.server-ring:before{content:"";width:68px;height:68px;border-radius:50%;background:#fff;position:absolute}.server-ring span{position:relative;z-index:1;font-size:14px;font-weight:600;color:var(--text)}.server-ring.good{background:conic-gradient(var(--green) calc(var(--percent) * 1%),#eef1f6 0)}.server-ring.warn{background:conic-gradient(#f59e0b calc(var(--percent) * 1%),#eef1f6 0)}.server-ring.ok{background:conic-gradient(#38bdf8 calc(var(--percent) * 1%),#eef1f6 0)}.server-overview{background:var(--surface);border-radius:18px;border:1px solid var(--stroke);box-shadow:var(--shadow);padding:18px 20px;display:grid;gap:16px}.server-overview-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.server-overview-header h3{font-size:16px}.server-overview-header span{font-size:12px;color:var(--muted)}.server-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.server-overview-grid p{font-size:12px;color:var(--muted)}.server-overview-grid strong{font-size:18px;color:var(--text)}.server-section{background:var(--surface);border-radius:18px;border:1px solid var(--stroke);box-shadow:var(--shadow);padding:18px 20px;display:grid;gap:14px}.server-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.server-section-header h3{font-size:16px}.server-section-header span{font-size:12px;color:var(--muted)}.server-table{border-radius:14px;border:1px solid var(--stroke);overflow:hidden}.server-row{display:grid;grid-template-columns:1.3fr .7fr .7fr .7fr 1fr;gap:12px;padding:12px 14px;align-items:center;border-bottom:1px solid var(--stroke);background:#fff;font-size:12px}.server-row:last-child{border-bottom:none}.server-head{background:var(--surface-alt);font-size:12px;color:var(--muted);font-weight:600}.server-site{font-weight:600}.server-status{font-size:12px;padding:4px 10px;border-radius:999px;justify-self:start}.server-status.online{background:#18b66c1f;color:var(--green)}.server-status.offline{background:#ef44441f;color:#ef4444}.server-empty{padding:16px;text-align:center;color:var(--muted);font-size:12px}.server-flow{display:grid;gap:12px}.server-flow-item{border:1px solid var(--stroke);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff}.server-flow-item p{font-size:12px;color:var(--muted)}.flow-dot{width:10px;height:10px;border-radius:50%;background:var(--muted)}.flow-dot.ok{background:var(--green)}.flow-dot.warn{background:#f59e0b}.flow-dot.error{background:#ef4444}@media(max-width:1100px){.server-cards,.server-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.server-row{grid-template-columns:1fr;gap:6px}.server-flow-item{grid-template-columns:1fr;justify-items:start}}@media(max-width:960px){.feedback-grid{grid-template-columns:1fr}}.images-page{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--stroke);box-shadow:var(--shadow);padding:24px;display:grid;gap:18px}.images-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.images-header h2{font-size:18px}.images-header span{font-size:12px;color:var(--muted)}.images-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.images-actions select{border:1px solid var(--stroke);background:var(--surface);padding:8px 12px;border-radius:10px;font-size:13px}.images-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--stroke);background:var(--surface);font-size:12px;color:var(--muted)}.images-search input{border:none;background:transparent;outline:none;font-size:13px;width:180px;color:var(--text)}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.image-card{background:#fff;border-radius:16px;border:1px solid var(--stroke);box-shadow:0 12px 24px #0f172a14;padding:12px;display:grid;gap:10px}.image-preview{width:100%;aspect-ratio:4 / 3;border-radius:12px;border:none;background:#f3f4f6;overflow:hidden;cursor:pointer;padding:0}.image-preview img{width:100%;height:100%;object-fit:cover;display:block}.image-select{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.image-meta{display:grid;gap:4px;font-size:12px;color:var(--muted)}.image-meta strong{font-size:13px;color:var(--text)}.image-actions{display:flex;justify-content:space-between;gap:8px}.users-link.danger{color:#ff5c6a}.images-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.images-page-jump{display:flex;align-items:center;gap:8px}.images-page-jump input{width:70px;border:1px solid var(--stroke);border-radius:10px;padding:6px 8px;font-size:12px}.images-page-jump button{border:1px solid var(--stroke);background:var(--surface);padding:6px 10px;border-radius:10px;cursor:pointer;font-size:12px}@media(max-width:620px){.images-grid{grid-template-columns:1fr}}.achievements-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.achievements-header h2{font-size:18px}.achievements-header span{font-size:12px;color:var(--muted)}.achievements-actions{display:flex;align-items:center;gap:10px}.achievements-table{display:grid;border:1px solid var(--stroke);border-radius:16px;overflow:hidden;background:var(--surface-alt)}.achievements-row{display:grid;grid-template-columns:2fr 1.2fr .6fr .6fr;align-items:center;gap:16px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--stroke);font-size:13px}.achievements-row:last-child{border-bottom:none}.achievements-head{background:var(--surface-alt);font-size:12px;color:var(--muted);font-weight:600}.achievement-info{display:flex;gap:12px;align-items:center}.achievement-info strong{display:block;font-size:14px;color:var(--text)}.achievement-info span{display:block;font-size:12px;color:var(--muted)}.achievement-info em{display:block;font-size:11px;color:var(--muted)}.achievement-image{width:44px;height:44px;border-radius:12px;background:var(--surface);border:1px solid var(--stroke);display:grid;place-items:center;overflow:hidden;font-size:11px;color:var(--muted)}.achievement-image img{width:100%;height:100%;object-fit:cover}.status{font-size:12px;color:var(--text);background:#5b52ff1a;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;width:max-content}.status.muted{background:#94a3b826;color:var(--muted)}.ideas-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ideas-header h2{font-size:18px}.ideas-header span{font-size:12px;color:var(--muted)}.ideas-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ideas-actions select{border:1px solid var(--stroke);background:var(--surface);padding:8px 12px;border-radius:10px;font-size:13px}.ideas-btn{border:1px solid var(--stroke);background:var(--surface);padding:8px 12px;border-radius:10px;font-size:13px;cursor:pointer}.ideas-btn.primary{background:var(--accent);border:none;color:#fff}.ideas-btn.danger{background:#ff5c6a;color:#fff;border:none}.ideas-table{border-radius:16px;border:1px solid var(--stroke);overflow:hidden}.ideas-row{display:grid;grid-template-columns:1fr .8fr 1.6fr 2fr .9fr .3fr;gap:12px;padding:14px 16px;align-items:center;border-bottom:1px solid var(--stroke);background:#fff}.ideas-row:last-child{border-bottom:none}.ideas-head{background:var(--surface-alt);font-size:12px;color:var(--muted);font-weight:600}.ideas-user{font-weight:600}.ideas-type{font-size:12px;color:var(--muted);background:var(--surface-alt);padding:4px 10px;border-radius:999px;justify-self:start}.ideas-images{display:grid;grid-template-columns:repeat(3,42px);gap:6px}.ideas-image{width:42px;height:42px;border-radius:8px;border:none;background:#f3f4f6;cursor:pointer;padding:0;overflow:hidden}.ideas-image img{width:100%;height:100%;object-fit:cover;display:block}.ideas-empty{font-size:12px;color:var(--muted)}.ideas-text{font-size:12px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;background:none;border:none;padding:0;cursor:pointer}.ideas-text:hover{color:var(--accent)}.assistant-page{display:flex;flex-direction:column;gap:18px}.assistant-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.assistant-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--stroke);background:var(--surface);font-size:12px;color:var(--muted)}.assistant-search input{border:none;background:transparent;outline:none;font-size:13px;width:220px;color:var(--text)}.assistant-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.assistant-table{border-radius:16px;border:1px solid var(--stroke);overflow:hidden}.assistant-row{display:grid;grid-template-columns:1fr 1.6fr 1.4fr 1.6fr .8fr .3fr;gap:12px;padding:14px 16px;align-items:center;border-bottom:1px solid var(--stroke);background:#fff}.assistant-row:last-child{border-bottom:none}.assistant-head{background:var(--surface-alt);font-size:12px;color:var(--muted);font-weight:600}.assistant-user{font-weight:600}.assistant-text{font-size:12px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.assistant-text-btn{text-align:left;background:none;border:none;padding:0;cursor:pointer}.assistant-text-btn:hover{color:var(--accent)}.assistant-images{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.assistant-image-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.assistant-image{width:44px;height:44px;border-radius:10px;border:none;background:#f3f4f6;padding:0;overflow:hidden;cursor:pointer}.assistant-image img{width:100%;height:100%;object-fit:cover;display:block}.assistant-download{border:none;background:none;color:var(--accent);font-size:12px;cursor:pointer;padding:0}.ideas-empty-row{padding:30px;text-align:center;color:var(--muted)}.ideas-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.modal-card.modal-media{width:min(720px,92vw);padding:0;overflow:hidden}.modal-card.modal-achievement,.modal-card.modal-text{width:min(720px,92vw)}.modal-text-content{font-size:14px;line-height:1.7;color:var(--text);white-space:pre-wrap;max-height:60vh;overflow:auto}.modal-card.modal-media img{width:100%;height:auto;display:block}.quotes-page{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--stroke);box-shadow:var(--shadow);padding:24px;display:grid;gap:18px}.quotes-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.quotes-header h2{font-size:18px}.quotes-actions{display:flex;align-items:center;gap:12px}.quotes-actions select{border:1px solid var(--stroke);background:var(--surface);padding:8px 12px;border-radius:10px;font-size:13px}.quotes-btn{border:none;background:var(--accent);color:#fff;padding:8px 14px;border-radius:10px;font-size:13px;cursor:pointer;box-shadow:0 12px 20px #5b52ff33}.quotes-table{border-radius:16px;border:1px solid var(--stroke);overflow:hidden}.quotes-row{display:grid;grid-template-columns:2.2fr .9fr 2.2fr .9fr .8fr .8fr;gap:12px;padding:14px 16px;align-items:center;border-bottom:1px solid var(--stroke);background:#fff}.quotes-row:last-child{border-bottom:none}.quotes-head{background:var(--surface-alt);font-size:12px;color:var(--muted);font-weight:600}.quotes-text{font-size:13px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quotes-actions-cell{display:flex;align-items:center;gap:12px}.modal-form{display:grid;gap:12px}.modal-form label{font-size:12px;color:var(--muted);display:grid;gap:6px}.modal-form input,.modal-form textarea{border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;font-size:13px;font-family:var(--font-body)}.modal-form textarea{min-height:100px;resize:vertical}.achievement-upload{display:flex;align-items:center;gap:10px}.achievement-preview{margin-top:8px;width:72px;height:72px;border-radius:12px;border:1px solid var(--stroke);overflow:hidden}.achievement-preview img{width:100%;height:100%;object-fit:cover}.achievement-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.achievement-inline-checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.achievement-days{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}.center-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffeb;color:var(--text);padding:14px 22px;border-radius:14px;border:1px solid rgba(148,163,184,.35);box-shadow:0 18px 32px #0f172a2e;font-size:14px;z-index:30}.banner{padding:10px 14px;border-radius:12px;background:#5b52ff14;color:var(--accent);font-size:12px;border:1px solid rgba(91,82,255,.18)}.banner.error{background:#ff5c6a14;border-color:#ff5c6a33;color:#ff5c6a}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{0%{transform:scaleY(.6)}to{transform:scaleY(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@media(max-width:1100px){.sidebar{width:220px}.content{margin-left:220px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;height:auto;width:auto;overflow:visible;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.profile-card{width:100%}.content{padding:24px;margin-left:0}.login-footer{flex-direction:column;align-items:center;gap:6px}}