:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#060709;--background-strong:#020309;--foreground:#eceff2;--card:#0e0f12;--card-soft:#14161a;--card-foreground:#eceff2;--popover:#0e0f12;--popover-foreground:#eceff2;--primary:#8ea9ff;--primary-strong:#c4ceff;--primary-foreground:#060709;--secondary:#181b1e;--secondary-foreground:#cbced3;--muted:#151618;--muted-strong:#b3b8bf;--muted-foreground:#a1a5ab;--accent:#1c1f24;--accent-foreground:#dbdee3;--accent-soft:#1719445c;--destructive:#e62b34;--destructive-foreground:#eceff2;--danger:var(--destructive);--danger-soft:#e62b342e;--border:#24272a;--border-strong:#393d44;--input:#24272a;--ring:#8ea9ff;--chart-1:#8ea9ff;--chart-2:#6684fb;--chart-3:#4761e4;--chart-4:#3245b7;--chart-5:#27388b;--primary-50:#f2f5fc;--primary-100:#e3e7f6;--primary-200:#ccd3ef;--primary-300:#a0aae1;--primary-400:#6770cb;--primary-500:#4f46e5;--primary-600:#4338ca;--primary-700:#3730a3;--primary-800:#1d2035;--primary-900:#0e0f16;--primary-950:#050608;--accent-purple:#8ea9ff;--accent-purple-light:#adc2ff;--gold:#eebb58;--green-soft:#2ea95733;--green-ink:#7cdd93;--warning-soft:#e7ac2a33;--warning-ink:#ffc75a;--font-sans:"Inter Variable", "Noto Sans Thai Variable", system-ui, sans-serif;--font-display:"Plus Jakarta Sans Variable", "Inter Variable", "Noto Sans Thai Variable", system-ui, sans-serif;--font-serif:Merriweather, Georgia, serif;--font-mono:JetBrains Mono, monospace;--radius:.5rem;--shadow-2xs:none;--shadow-xs:none;--shadow-sm:none;--shadow:none;--shadow-md:none;--shadow-lg:0 0 24px -4px #8ea9ff1f;--shadow-xl:0 0 32px -4px #8ea9ff2e;--shadow-2xl:0 0 48px -4px #8ea9ff40;--tracking-normal:0em;--spacing:.25rem}@supports (color:lab(0% 0 0)){:root{--background:lab(1.97728% -.085026 -.779876);--background-strong:lab(.861393% .307038 -2.29472);--foreground:lab(94.1844% -.267118 -1.87205);--card:lab(4.426% -.154942 -1.31777);--card-soft:lab(7.19868% -.318386 -2.90275);--card-foreground:lab(94.1844% -.267118 -1.87205);--popover:lab(4.426% -.154942 -1.31777);--popover-foreground:lab(94.1844% -.267118 -1.87205);--primary:lab(69.7638% 8.63075 -50.4474);--primary-strong:lab(83.1008% 5.23186 -29.2539);--primary-foreground:lab(1.97728% -.085026 -.779876);--secondary:lab(9.49083% -.351779 -2.95578);--secondary-foreground:lab(82.5745% -.417352 -2.9896);--muted:lab(7.21025% -.220872 -1.80841);--muted-strong:lab(74.4405% -.604451 -4.47241);--muted-foreground:lab(67.4873% -.508279 -3.72949);--accent:lab(11.8026% -.423282 -3.68721);--accent-foreground:lab(88.3745% -.418603 -2.99032);--accent-soft:lab(10.7515% 11.4734 -28.2036/.36);--destructive:lab(51.3582% 69.7345 44.3509);--destructive-foreground:lab(94.1844% -.267118 -1.87205);--danger-soft:lab(51.3582% 69.7345 44.3509/.18);--border:lab(15.2917% -.368342 -2.96372);--border-strong:lab(25.7169% -.538856 -4.43898);--input:lab(15.2917% -.368342 -2.96372);--ring:lab(69.7638% 8.63075 -50.4474);--chart-1:lab(69.7638% 8.63075 -50.4474);--chart-2:lab(57.4529% 16.5396 -64.1406);--chart-3:lab(45.213% 24.3682 -70.9041);--chart-4:lab(33.6992% 24.2273 -63.7625);--chart-5:lab(26.2518% 17.2918 -49.6255);--primary-50:lab(96.4653% .0683069 -3.78759);--primary-100:lab(91.7579% .436306 -7.53222);--primary-200:lab(84.6415% 1.6194 -14.8922);--primary-300:lab(70.3202% 5.54976 -29.1485);--primary-400:lab(49.6759% 16.0885 -49.7145);--primary-500:lab(39.3796% 41.5617 -80.9823);--primary-600:lab(33.2758% 40.1354 -75.5479);--primary-700:lab(27.2642% 31.969 -62.3427);--primary-800:lab(12.6026% 3.82441 -14.3439);--primary-900:lab(4.35186% .760339 -4.26619);--primary-950:lab(1.53905% .185758 -1.1034);--accent-purple:lab(69.7638% 8.63075 -50.4474);--accent-purple-light:lab(78.1594% 5.82588 -43.5648);--gold:lab(79.2562% 11.1802 56.2651);--green-soft:lab(61.4013% -48.4577 32.1205/.2);--green-ink:lab(80.9122% -41.9773 27.3574);--warning-soft:lab(74.5664% 14.0937 69.2724/.2);--warning-ink:lab(83.8982% 12.1836 61.0067);--shadow-lg:0 0 24px -4px lab(69.7638% 8.63075 -50.4474/.12);--shadow-xl:0 0 32px -4px lab(69.7638% 8.63075 -50.4474/.18);--shadow-2xl:0 0 48px -4px lab(69.7638% 8.63075 -50.4474/.25)}}@theme inline{--color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-primary-50: var(--primary-50); --color-primary-100: var(--primary-100); --color-primary-200: var(--primary-200); --color-primary-300: var(--primary-300); --color-primary-400: var(--primary-400); --color-primary-500: var(--primary-500); --color-primary-600: var(--primary-600); --color-primary-700: var(--primary-700); --color-primary-800: var(--primary-800); --color-primary-900: var(--primary-900); --color-primary-950: var(--primary-950); --color-accent-purple: var(--accent-purple); --color-accent-purple-light: var(--accent-purple-light); --font-sans: var(--font-sans); --font-display: var(--font-display); --font-mono: var(--font-mono); --font-serif: var(--font-serif); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --shadow-2xs: var(--shadow-2xs); --shadow-xs: var(--shadow-xs); --shadow-sm: var(--shadow-sm); --shadow: var(--shadow); --shadow-md: var(--shadow-md); --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-2xl: var(--shadow-2xl);}
*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{background:radial-gradient(circle at 8% 2%, #8ea9ff33, transparent 26rem), radial-gradient(circle at 88% 16%, #523ab238, transparent 32rem), linear-gradient(90deg, #8ea9ff0a 1px, transparent 1px), linear-gradient(0deg, #8ea9ff0a 1px, transparent 1px), var(--background);min-height:100%;color:var(--foreground);font-family:var(--font-sans);background-size:auto,auto,28px 28px,28px 28px,auto;margin:0}@supports (color:lab(0% 0 0)){body{background:radial-gradient(circle at 8% 2%, lab(69.7638% 8.63075 -50.4474/.2), transparent 26rem), radial-gradient(circle at 88% 16%, lab(33.2116% 35.5112 -61.4047/.22), transparent 32rem), linear-gradient(90deg, lab(69.7638% 8.63075 -50.4474/.04) 1px, transparent 1px), linear-gradient(0deg, lab(69.7638% 8.63075 -50.4474/.04) 1px, transparent 1px), var(--background)}}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-color:var(--ring);outline-offset:3px}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg, #0f1216f5, #07090de6), var(--card);height:100vh;padding:22px;position:sticky;top:0}@supports (color:lab(0% 0 0)){.sidebar{background:linear-gradient(180deg, lab(5.23796% -.285208 -3.0582/.96), lab(2.4592% -.149362 -1.88869/.9)), var(--card)}}.sidebar-inner{gap:22px;height:100%;display:grid}.brand-mark{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-soft);gap:10px;padding:18px;display:grid}.brand-kicker,.eyebrow{color:var(--primary);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.brand-title,.page-title,.preview-title{color:var(--primary-strong);font-family:var(--font-display);letter-spacing:0;margin:0;font-weight:700}.brand-title{font-size:28px;line-height:1}.nav-list,.account-panel,.content-stack,.form-stack,.section-stack,.loading-stack{gap:12px;display:grid}.nav-list{align-content:start}.account-panel{border-top:1px solid var(--border);align-self:end;padding-top:18px}.account-label,.table-meta,.muted,.preview-meta,.helper-text{color:var(--muted-foreground)}.account-label{margin:0;font-size:13px;line-height:1.5}.account-email{color:var(--foreground);overflow-wrap:anywhere;font-weight:800;display:block}.main{min-width:0;padding:clamp(20px,4vw,42px)}.content-stack{gap:24px}.page-header,.row-between,.form-footer,.section-heading,.preview-header-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-header{align-items:end}.page-title{max-width:880px;margin-top:8px;font-size:clamp(34px,5vw,58px);line-height:.95}.page-subtitle{max-width:680px;color:var(--muted-strong);margin:10px 0 0;font-size:16px;line-height:1.6}.card,.metric-card,.table-panel,.form-panel,.preview-panel,.login-panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0d11e6;background:lab(3.68136% -.188701 -1.91906/.9)}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.metric-card{padding:18px;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--primary);width:5px;position:absolute;inset:0 auto 0 0}.metric-label{color:var(--muted-foreground);text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.metric-value{color:var(--primary);font-family:var(--font-display);margin:8px 0 0;font-size:34px;font-weight:700;line-height:1}.table-panel{overflow-x:auto}.posts-table{border-collapse:collapse;width:100%;min-width:960px}.posts-table th{border-bottom:1px solid var(--border);color:var(--muted-foreground);text-align:left;text-transform:uppercase;padding:15px 16px;font-size:12px;font-weight:800}.posts-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px}.posts-table tr:last-child td{border-bottom:0}.post-title-cell{max-width:360px}.post-title{color:var(--primary-strong);font-weight:900;line-height:1.3}.table-meta{overflow-wrap:anywhere;margin-top:6px;font-size:13px}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.button{cursor:pointer;border-radius:var(--radius);border:1px solid var(--primary);background:var(--primary);min-height:42px;color:var(--primary-foreground);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:14px;font-weight:800;line-height:1;transition:transform .16s,background-color .16s,border-color .16s,color .16s,opacity .16s;display:inline-flex}.button.secondary{border-color:var(--border-strong);background:var(--secondary);color:var(--primary)}.button.danger{border-color:var(--danger);background:var(--danger)}.button:hover:not(:disabled){background:var(--primary-500);border-color:var(--primary-500);color:var(--foreground);transform:translateY(-1px)}.button:disabled,.pending-fieldset:disabled .button{cursor:wait;opacity:.62;transform:none}.form-panel,.login-panel{padding:clamp(18px,3vw,28px)}.form-stack{gap:22px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.form-grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.field,.checkbox-field{gap:8px;display:grid}.checkbox-field{min-height:44px;color:var(--muted-strong);align-items:center;font-weight:800;display:flex}.label{color:var(--muted-strong);font-size:13px;font-weight:900}.input,.textarea,.select{border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;min-height:44px;color:var(--foreground);background:#06070adb;background:lab(1.97552% -.0963062 -.945371/.86);padding:10px 12px;transition:border-color .16s,box-shadow .16s,background-color .16s}.input:focus,.textarea:focus,.select:focus{border-color:var(--ring);box-shadow:0 0 0 4px #8ea9ff29;box-shadow:0 0 0 4px lab(69.7638% 8.63075 -50.4474/.16)}.textarea{resize:vertical;min-height:126px;line-height:1.65}.pending-fieldset{border:0;min-inline-size:0;margin:0;padding:0;display:contents}.pending-fieldset:disabled :is(input,textarea,select){cursor:wait;background:var(--secondary)}.form-section{border-top:1px solid var(--border);gap:16px;padding-top:20px;display:grid}.form-section:first-child{border-top:0;padding-top:0}.section-card{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--card-soft);gap:14px;padding:16px;display:grid}.section-title{color:var(--primary);margin:0;font-size:20px}.form-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-start;padding-top:20px}.status{text-transform:uppercase;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.status.published{background:var(--green-soft);color:var(--green-ink)}.status.draft{background:var(--warning-soft);color:var(--warning-ink)}.status.archived{background:var(--danger-soft);color:var(--danger)}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--accent-soft);min-height:28px;color:var(--primary-strong);border:1px solid #8ea9ff42;border:1px solid lab(69.7638% 8.63075 -50.4474/.26);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.preview-article{gap:18px;max-width:940px;margin:0 auto;display:grid}.preview-panel{padding:clamp(20px,3vw,34px)}.preview-title{margin-top:14px;font-size:clamp(36px,6vw,64px);line-height:.98}.preview-description{color:var(--muted-strong);font-size:18px;line-height:1.75}.preview-body{color:var(--muted-strong);gap:12px;font-size:17px;line-height:1.85;display:grid}.preview-body h2{color:var(--primary);font-family:var(--font-display);margin:0;font-size:30px;line-height:1.15}.preview-body ul{margin:0;padding-left:20px}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{width:min(100%,460px)}.login-copy{color:var(--muted-strong);line-height:1.65}.spinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:15px;height:15px;animation:.78s linear infinite spin}.loading-card,.loading-line,.loading-pill{border-radius:var(--radius);background:var(--secondary);position:relative;overflow:hidden}.loading-card:after,.loading-line:after,.loading-pill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);background:linear-gradient(90deg,#0000,lab(100% 0 0/.12),#0000);animation:1.35s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.loading-card{height:150px}.loading-line{height:16px}.loading-line.short{width:42%}.loading-line.medium{width:68%}.loading-line.tall{height:48px}.loading-pill{border-radius:999px;width:104px;height:34px}.loading-copy{width:min(100%,680px)}.loading-table{padding:18px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}.sidebar-inner{height:auto}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.account-panel{align-self:auto}.page-header,.section-heading,.preview-header-bar{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.main{padding:18px}.button{width:100%}.nav-list,.form-grid,.form-grid.two{grid-template-columns:1fr}}