:root{--color-primary: #1a5276;--color-secondary: #05bcb9;--color-accent: #e16d31;--color-primary-light: #2e86ab;--color-primary-dark: #0f3447;--color-secondary-light: #2dd4bf;--color-accent-hover: #f28c55;--color-dark-bg: #0b2a4a;--color-dark-text: #f1f5f9;--color-dark-text-muted: #94a3b8;--color-dark-border: rgba(255, 255, 255, .08);--color-dark-surface: rgba(255, 255, 255, .03);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px;--layout-max: 1280px;--layout-gutter: clamp(1rem, 2vw + .5rem, 2rem);--sidebar-width: 240px}.glass-card{position:relative;overflow:hidden;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 8px 32px #00000026,inset 0 1px #fff6}.glass-card>*{position:relative;z-index:1}.glass{position:relative;overflow:hidden;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg, 24px);box-shadow:0 8px 32px #00000026,inset 0 1px #fff6}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-card,.glass{background:#103955f0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-dark-bg);color:var(--color-dark-text);line-height:1.5;min-height:100vh}a{color:var(--color-secondary-light);text-decoration:none}a:hover{color:var(--color-accent-hover)}button,.btn{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;transition:background .2s,transform .15s}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--color-secondary),var(--color-primary-light));color:#fff}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-ghost{padding:.5rem .875rem;background:#ffffff14;color:var(--color-dark-text);border:1px solid var(--color-dark-border)}.btn-ghost:hover{background:#ffffff1f}.muted{color:var(--color-dark-text-muted)}.badge{display:inline-block;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:#05bcb933;color:var(--color-secondary-light)}.badge--pro{background:#e16d3133;color:var(--color-accent-hover)}.badge--free{background:#ffffff1a;color:var(--color-dark-text-muted)}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 12% 8%,rgba(5,188,185,.12),transparent 68%),radial-gradient(ellipse 55% 45% at 88% 18%,rgba(225,109,49,.08),transparent 70%),radial-gradient(ellipse 80% 50% at 50% 92%,rgba(5,188,185,.08),transparent 72%)}.app-root{position:relative;z-index:1;min-height:100vh}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.shell-sidebar{padding:1.25rem 1rem;border-right:1px solid var(--color-dark-border);background:#00000026;display:flex;flex-direction:column;gap:1.5rem}.shell-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;color:var(--color-dark-text)}.shell-brand span{font-size:1.25rem}.shell-nav{display:flex;flex-direction:column;gap:.25rem}.shell-nav a{padding:.625rem .75rem;border-radius:var(--radius-sm);color:var(--color-dark-text-muted);font-weight:500;font-size:.9rem}.shell-nav a:hover,.shell-nav a.active{background:#ffffff14;color:var(--color-dark-text)}.shell-nav a.active{border-left:3px solid var(--color-secondary);padding-left:calc(.75rem - 3px)}.shell-main{padding:var(--layout-gutter);max-width:calc(var(--layout-max) + var(--sidebar-width))}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:clamp(1.35rem,2vw,1.75rem);font-weight:700;margin-bottom:.35rem}.page-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{padding:1.25rem}.card h2,.card h3{font-size:1rem;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-secondary-light)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--layout-gutter)}.login-card{width:min(420px,100%);padding:2rem;text-align:center}.login-card h1{font-size:1.5rem;margin-bottom:.5rem}.login-card p{margin-bottom:1.5rem}.login-actions{display:flex;flex-direction:column;gap:.75rem}.stub-banner{margin-top:1rem;padding:.75rem;border-radius:var(--radius-sm);background:#e16d3126;border:1px dashed rgba(225,109,49,.4);font-size:.8rem;color:var(--color-dark-text-muted)}@media(max-width:768px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.shell-sidebar{border-right:none;border-bottom:1px solid var(--color-dark-border);flex-direction:row;flex-wrap:wrap;align-items:center;padding:.75rem}.shell-nav{flex-direction:row;flex-wrap:wrap;width:100%}.shell-nav a.active{border-left:none;border-bottom:2px solid var(--color-secondary);padding-left:.75rem}}.activity-chart{display:flex;flex-direction:column;gap:.65rem;margin-top:1rem}.activity-chart__row{display:grid;grid-template-columns:minmax(72px,110px) 1fr 2rem;gap:.75rem;align-items:center}.activity-chart__label{font-size:.8rem;color:var(--color-dark-text-muted)}.activity-chart__bar-wrap{height:10px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden}.activity-chart__bar{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary-light));border-radius:inherit;min-width:4px}.activity-chart__value{font-size:.85rem;font-weight:600;text-align:right}.top-posts{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.top-posts__item{padding:.75rem 0;border-bottom:1px solid var(--color-dark-border)}.top-posts__item:last-child{border-bottom:none}.period-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.period-tabs button{padding:.4rem .75rem;border-radius:var(--radius-full);border:1px solid var(--color-dark-border);background:#ffffff0d;color:var(--color-dark-text-muted);font-size:.85rem}.period-tabs button.active{background:#05bcb933;color:var(--color-secondary-light);border-color:#05bcb959}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--color-dark-border)}.setting-row:last-child{border-bottom:none}.setting-row label.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.setting-row input[type=checkbox]{width:44px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff26;border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background .2s}.setting-row input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.setting-row input[type=checkbox]:checked{background:var(--color-secondary)}.setting-row input[type=checkbox]:checked:after{transform:translate(20px)}.setting-row input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}