:root{--so-bg:#f6f8fc;--so-panel:#fff;--so-panel2:#f9fbff;--so-text:#122033;--so-muted:#667085;--so-line:#e5eaf2;--so-blue:#2563eb;--so-blue2:#1747b7;--so-cyan:#06b6d4;--so-green:#16a34a;--so-purple:#7c3aed;--so-orange:#f59e0b;--so-red:#dc2626;--so-navy:#0b1630;--so-shadow:0 18px 48px rgba(15,35,70,.10);--so-soft:0 8px 28px rgba(15,35,70,.07);--so-radius:22px}
html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,.btn,a{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.so-icon{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--so-blue),var(--so-cyan));color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(37,99,235,.22)}
@media(max-width:700px){.hide-mobile{display:none!important}}
body{background:var(--so-bg)!important;color:var(--so-text)!important}
/* Public site */
.topbar{backdrop-filter:saturate(160%) blur(16px)}
.hero-card,.cards article,.split,.cta,.login-card,.login-info,.form-card,.brand-panel,.panel,.card,.stat,.create-card{border-color:var(--so-line)!important;box-shadow:var(--so-soft)!important}
.start-btn,.primary,.btn:not(.secondary):not(.gray):not(.danger):not(.light),button:not(.secondary):not(.gray):not(.danger){background:linear-gradient(135deg,var(--so-blue),#3478f6)!important;box-shadow:0 10px 24px rgba(37,99,235,.2)}
.start-btn:hover,.primary:hover,.btn:hover,button:hover{transform:translateY(-1px)}
/* Sidebar apps/dashboard */
.app-shell,.admin-shell{background:var(--so-bg)!important}.sidebar{background:linear-gradient(180deg,#0a1530 0%,#101f43 100%)!important;border-right:1px solid rgba(255,255,255,.06)}
.sidebar .brand,.sidebar>.brand{letter-spacing:-.03em}.sidebar nav a,.sidebar .nav a{border:1px solid transparent}.sidebar nav a:hover,.sidebar nav a.active,.sidebar .nav a:hover,.sidebar .nav a.active{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.08)!important}.sidebar-footer,.userbox{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.08)}
.main{background:radial-gradient(circle at 96% 0%,rgba(37,99,235,.08),transparent 28%),var(--so-bg)}
.topbar h1,.title h1{letter-spacing:-.035em}.create-card,.stat,.panel,.card{background:rgba(255,255,255,.94)!important}.create-card:hover{transform:translateY(-4px)!important;box-shadow:var(--so-shadow)!important}.meter{height:9px!important}.meter div{background:linear-gradient(90deg,var(--so-blue),var(--so-cyan))!important}
.toolbar,.editorbar{position:sticky;top:0;z-index:8;background:rgba(255,255,255,.90)!important;backdrop-filter:blur(18px);border-color:var(--so-line)!important}.editor-page,.editor,.slide-stage,.slide-canvas,.sheet-wrap{border-color:var(--so-line)!important;box-shadow:var(--so-shadow)!important}.editor-page,.editor{border-radius:8px}.file-table,.file-row{border-color:var(--so-line)!important}
input,select,textarea{border-color:#d7deea!important;background:#fff!important}input:focus,select:focus,textarea:focus{border-color:var(--so-blue)!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;outline:0!important}
/* Auth */
.login-page,.auth-page{background:radial-gradient(circle at 8% 6%,rgba(37,99,235,.18),transparent 30%),radial-gradient(circle at 90% 90%,rgba(124,58,237,.14),transparent 28%),#f7f9fd!important}.login-info,.brand-panel{background:linear-gradient(145deg,#0b1630,#15346d)!important;color:#fff!important}.login-info p,.brand-panel p{color:#cbd8f0!important}.mini-apps span,.feature-list span{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.12)!important}.login-card,.form-card{box-shadow:var(--so-shadow)!important}
/* tables/admin */
table th{letter-spacing:.03em}.badge,.status{font-weight:800}.table-wrap{border-radius:0 0 22px 22px}.actions button{box-shadow:none!important}
/* mobile */
.mobile-nav-toggle{display:none;border:0!important;background:rgba(255,255,255,.10)!important;color:#fff!important;width:44px;height:44px;border-radius:13px;padding:0!important;box-shadow:none!important}
@media(max-width:900px){.app-shell,.admin-shell{display:block!important}.sidebar{width:100%!important;height:auto!important;position:relative!important;padding:14px 16px!important}.sidebar>.brand,.sidebar .brand{margin-bottom:8px!important}.sidebar nav,.sidebar .nav{display:flex!important;overflow-x:auto;gap:6px!important;padding-bottom:4px}.sidebar nav a,.sidebar .nav a{white-space:nowrap;padding:10px 12px!important}.sidebar-footer,.userbox{margin-top:10px!important}.main{padding:18px!important}.quick-create{grid-template-columns:1fr 1fr!important}.stats-grid,.stats{grid-template-columns:1fr 1fr!important}.topbar{gap:14px}.title h1,.topbar h1{font-size:28px!important}}
@media(max-width:620px){.quick-create,.stats-grid,.stats{grid-template-columns:1fr!important}.top-actions,.actions{width:100%}.top-actions a,.actions .btn,.actions button{flex:1;text-align:center}.editor-page{padding:28px 22px!important}.hero h1{font-size:42px!important}.login-card,.form-card{padding:28px!important}}