@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9c7c506f9df66edc-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/2d08189da4797f3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a13ffa50c0e6dcb7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/46f2c2342f85e478-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6d07ee9160e6fd52-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b4796fdbb42263df-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/d294f1e349318783-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c465e14413247d80-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/52f8cf394b3641e4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/fa64e74b88370ed1-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6b99d524c7bef2f7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/2afc1581e19cce3f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/943b7ce34d516160-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/26e7489ae3006ea1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/b8f40afd9984b39c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Barlow Semi Condensed Fallback;src:local("Arial");ascent-override:115.49%;descent-override:23.10%;line-gap-override:0.00%;size-adjust:86.59%}.__className_846e44{font-family:Barlow Semi Condensed,Barlow Semi Condensed Fallback;font-style:normal}.__variable_846e44{--font-barlow:"Barlow Semi Condensed","Barlow Semi Condensed Fallback"}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}ol,ul{list-style:none}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{line-height:1.2;text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}button{background:none;cursor:pointer}button,fieldset{border:none}table{border-collapse:collapse;border-spacing:0}:root{--logo-image:url(/pi-logo-dark.png);--color-primary:#0ba4e7;--color-primary-hover:#008dc5;--color-primary-light:#38bdf8;--color-primary-shadow:rgba(11,164,231,0.2);--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-success:#22c55e;--color-success-light:#dcfce7;--color-success-dark:#166534;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#92400e;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-danger-dark:#991b1b;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#1e40af;--color-purple:#8b5cf6;--color-purple-light:#f3e8ff;--color-purple-dark:#6d28d9;--color-orange:#f97316;--color-orange-light:#ffedd5;--color-orange-dark:#c2410c;--color-yellow:#eab308;--color-yellow-light:#fef9c3;--color-yellow-dark:#a16207;--color-rose:#f43f5e;--color-rose-light:#ffe4e6;--color-rose-dark:#be123c;--color-indigo:#6366f1;--color-indigo-light:#e0e7ff;--color-indigo-dark:#4338ca;--color-green:#22c55e;--color-green-light:#dcfce7;--color-green-dark:#166534;--color-bg:var(--color-slate-100);--color-bg-card:#ffffff;--color-bg-elevated:#ffffff;--color-bg-muted:var(--color-slate-100);--color-bg-input:#ffffff;--color-text:var(--color-slate-900);--color-text-muted:var(--color-slate-500);--color-text-light:var(--color-slate-400);--color-text-inverted:#ffffff;--color-border:var(--color-slate-200);--color-border-light:var(--color-slate-100);--color-border-dark:var(--color-slate-300);--spacing-0:0;--spacing-px:1px;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-1-5:0.375rem;--spacing-2:0.5rem;--spacing-2-5:0.625rem;--spacing-3:0.75rem;--spacing-3-5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-none:0;--radius-sm:0.125rem;--radius-default:0.25rem;--radius-full:9999px;--font-sans:var(--font-inter),"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-head:var(--font-barlow),"Barlow Semi Condensed",ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-none:1;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.625;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.0125em;--letter-spacing-wider:0.025em;--letter-spacing-widest:0.1em;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-default:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--z-max:100;--transition-fast:150ms ease;--transition-default:300ms ease;--transition-slow:500ms ease;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}.dark,[data-theme=dark]{--logo-image:url(/pi-logo-light.png);--color-slate-700:#2b2a3c;--color-slate-800:#1e1e2c;--color-slate-900:#1e1e2c;--color-slate-950:#151520;--color-bg:#151520;--color-bg-card:#1e1e2c;--color-bg-elevated:#2b2a3c;--color-bg-muted:#2b2a3c;--color-bg-input:#151520;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-light:#64748b;--color-text-inverted:#0f172a;--color-border:#2b2a3c;--color-border-light:#1e1e2c;--color-border-dark:#3d3c50;--color-purple-light:rgba(139,92,246,0.2);--color-orange-light:rgba(249,115,22,0.2);--color-yellow-light:rgba(234,179,8,0.2);--color-rose-light:rgba(244,63,94,0.2);--color-indigo-light:rgba(99,102,241,0.2);--color-green-light:rgba(34,197,94,0.2);--color-success-light:rgba(34,197,94,0.2);--color-warning-light:rgba(245,158,11,0.2);--color-danger-light:rgba(239,68,68,0.2);--color-info-light:rgba(59,130,246,0.2);--scrollbar-track:transparent;--scrollbar-thumb:#2b2a3c;--scrollbar-thumb-hover:#3d3c50}:root{--scrollbar-track:transparent;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--color-bg);transition:background-color var(--transition-default),color var(--transition-default)}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide)}h1{font-size:var(--font-size-5xl);line-height:var(--line-height-none)}h1,h2{font-weight:var(--font-weight-extrabold)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-4)}p:last-child{margin-bottom:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}code,kbd,pre,samp{font-family:var(--font-mono)}code{font-size:.875em;padding:var(--spacing-0-5) var(--spacing-1);border-radius:var(--radius-sm)}code,pre{background-color:var(--color-bg-muted)}pre{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);overflow-x:auto;padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-default)}pre code{padding:0;background-color:transparent;border-radius:0}small{font-size:var(--font-size-sm)}b,strong{font-weight:var(--font-weight-semibold)}::selection{background-color:var(--color-primary);color:white}.site-logo{display:flex;align-items:flex-end;gap:var(--spacing-2);color:var(--color-text-muted);transition:color var(--transition-default)}.site-logo-image{width:4.5rem;background-image:var(--logo-image);background-size:cover;background-position:50%;aspect-ratio:33/16}.site-logo-subtitle{font-family:var(--font-head);font-size:var(--font-size-sm)}.footer .site-logo-subtitle{font-size:var(--font-size-xs)}.site-logo-version{font-size:.625rem;transition:color var(--transition-fast)}.site-logo-version:hover{color:var(--color-primary)}.container{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@media (min-width:640px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width:1024px){.container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.page-layout{display:flex;flex-direction:column;height:100vh;background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--transition-default),color var(--transition-default)}.page-main{flex:1;display:flex;flex-direction:column;position:relative}.page-content{flex:1;overflow-y:auto}.page-content-padded{padding:var(--spacing-8)}.grid{display:grid;gap:var(--spacing-4)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.grid-cols-md-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-cols-lg-3{grid-template-columns:repeat(3,1fr)}.grid-cols-lg-4{grid-template-columns:repeat(4,1fr)}}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}@media (min-width:1024px){.dashboard-main.span-2{grid-column:span 2}}.section{margin-bottom:var(--spacing-8)}.section:last-child{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-default);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.95)}.btn-primary{background-color:var(--color-primary);color:white;box-shadow:0 4px 6px -1px var(--color-primary-shadow)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-muted);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-ghost{background-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-muted);color:var(--color-text)}.btn-danger{background-color:var(--color-danger);color:white}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark)}.btn-danger-ghost{background-color:transparent;color:var(--color-danger)}.btn-danger-ghost:hover:not(:disabled){background-color:var(--color-danger-light)}.btn-icon{padding:var(--spacing-2);border-radius:var(--radius-default);color:var(--color-text-muted);background-color:transparent;transition:all var(--transition-fast)}.btn-icon:hover:not(:disabled){background-color:var(--color-bg-muted);color:var(--color-text)}.btn-sm{padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.btn-block{width:100%}.form-group{margin-bottom:var(--spacing-4)}.form-group:last-child{margin-bottom:0}.form-group .form-label{align-items:center;color:var(--color-text);display:flex;font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-2);letter-spacing:var(--letter-spacing-tight)}.form-label svg{width:1rem;height:1rem}.form-label-muted{color:var(--color-text-muted)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-default);font-size:var(--font-size-sm);color:var(--color-text);transition:all var(--transition-fast);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-light)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-shadow)}.form-input-wrapper{position:relative}.form-input-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--color-text-light);pointer-events:none}.form-input-with-icon{padding-left:var(--spacing-10)}.form-select{appearance:none;cursor:pointer;padding-right:var(--spacing-10);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-2) center;background-repeat:no-repeat;background-size:1.5rem 1.5rem;height:2.75rem}.form-textarea{min-height:6rem;resize:vertical;line-height:var(--line-height-relaxed)}.form-textarea-no-resize{resize:none}.form-check{display:flex;align-items:center;gap:var(--spacing-2)}.form-check-input{width:1rem;height:1rem;cursor:pointer}.form-check-label{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.form-input-error{border-color:var(--color-danger)}.form-input-error:focus{box-shadow:0 0 0 2px rgba(239,68,68,.2)}.form-error-message{color:var(--color-danger)}.form-error-message,.form-help{margin-top:var(--spacing-1);font-size:var(--font-size-xs)}.form-help{color:var(--color-text-light)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-0-5) var(--spacing-1-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-default);white-space:nowrap}.badge-primary{background-color:var(--color-info-light);color:var(--color-info)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-purple{background-color:var(--color-purple-light);color:var(--color-purple)}.badge-orange{background-color:var(--color-orange-light);color:var(--color-orange)}.badge-slate{background-color:var(--color-bg-muted);color:var(--color-text-muted)}.badge-indigo{background-color:var(--color-indigo-light);color:var(--color-indigo)}.badge-green{background-color:var(--color-green-light);color:var(--color-green)}.badge-pill{border-radius:var(--radius-full);padding:var(--spacing-0-5) var(--spacing-2-5)}.tag{display:inline-flex;align-items:center;padding:var(--spacing-0-5) var(--spacing-1-5);font-size:var(--font-size-xs);background-color:var(--color-info-light);color:var(--color-primary);border-radius:var(--radius-default)}.status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:var(--radius-full)}.status-dot-success{background-color:var(--color-success)}.status-dot-warning{background-color:var(--color-warning)}.status-dot-danger{background-color:var(--color-danger)}.status-dot-info{background-color:var(--color-info)}.type-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-default)}.type-badge-prompt{background-color:var(--color-purple-light);color:var(--color-purple)}.type-badge-markdown{background-color:var(--color-orange-light);color:var(--color-orange)}.badge-icon{width:.875rem;height:.875rem}.type-badge-icon{width:1rem;height:1rem}.header{background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-default),border-color var(--transition-default);position:relative;z-index:var(--z-fixed);flex-shrink:0}.header-content{max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-4)}@media (min-width:640px){.header-content{padding:0 var(--spacing-6)}}@media (min-width:1024px){.header-content{padding:0 var(--spacing-8)}}.header-inner{display:flex;height:4rem;align-items:center;justify-content:space-between}.header-nav{display:none;align-items:center;gap:var(--spacing-1);margin:0 var(--spacing-6)}@media (min-width:768px){.header-nav{display:flex}}.header-nav-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:all var(--transition-fast)}.header-nav-item:hover{color:var(--color-text);background-color:var(--color-bg-muted)}.header-nav-item.active{color:var(--color-primary);background-color:var(--color-info-light)}.header-nav-item-admin{color:var(--color-text-muted)}.header-nav-item-admin.active,.header-nav-item-admin:hover{color:var(--color-indigo);background-color:var(--color-indigo-light)}.header-nav-icon{width:1rem;height:1rem}.header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.header-actions button,.header-login-btn,.header-nav-item{border:var(--spacing-px) solid var(--color-bg-muted)}@media (min-width:640px){.header-actions{gap:var(--spacing-3)}}.header-mobile-toggle{display:block;padding:var(--spacing-2);color:var(--color-text-muted)}@media (min-width:768px){.header-mobile-toggle{display:none}}.header-mobile-toggle svg{width:1.5rem;height:1.5rem}.header-lang-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-default);transition:all var(--transition-fast)}.header-lang-btn:hover{background-color:var(--color-bg-muted)}.header-lang-btn svg{width:1rem;height:1rem}.header-lang-text{text-transform:uppercase}.header-theme-btn{padding:var(--spacing-2);color:var(--color-text-muted);border-radius:var(--radius-default);transition:all var(--transition-fast)}@media (min-width:640px){.header-theme-btn{display:block}}.header-theme-btn:hover{background-color:var(--color-bg-muted)}.header-theme-btn svg{width:1.25rem;height:1.25rem}.header-divider{display:none;width:1px;height:1.5rem;background-color:var(--color-border);margin:0 var(--spacing-1)}@media (min-width:640px){.header-divider{display:block}}.header-user{display:none;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-radius:var(--radius-default);transition:all var(--transition-fast)}@media (min-width:640px){.header-user{display:flex}}.header-user:hover{background-color:var(--color-bg-muted)}.header-avatar{width:2rem;height:2rem;background-color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:white;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);overflow:hidden}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-login-btn{display:none;align-items:center;justify-content:center;padding:var(--spacing-2);color:var(--color-text-muted);border-radius:var(--radius-default);transition:all var(--transition-fast)}@media (min-width:640px){.header-login-btn{display:flex}}.header-login-btn:hover{background-color:var(--color-bg-muted)}.header-login-btn svg{width:1.25rem;height:1.25rem}.header-logout-btn{display:none;padding:var(--spacing-2);color:var(--color-text-muted);border-radius:var(--radius-default);transition:all var(--transition-fast)}@media (min-width:640px){.header-logout-btn{display:block}}.header-logout-btn:hover{background-color:var(--color-bg-muted)}.header-logout-btn svg{width:1.25rem;height:1.25rem}.header-add-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background-color:var(--color-primary);color:white;border-radius:var(--radius-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-md),0 4px 6px -1px var(--color-primary-shadow);transition:all var(--transition-fast)}@media (min-width:640px){.header-add-btn{padding:var(--spacing-2) var(--spacing-4)}}.header-add-btn:hover{background-color:var(--color-primary-hover)}.header-add-btn:active{transform:scale(.95)}.header-add-btn svg{width:1.25rem;height:1.25rem}@media (min-width:640px){.header-add-btn svg{width:1rem;height:1rem}}.header-mobile-menu{display:flex;flex-direction:column;gap:var(--spacing-4);position:absolute;width:100%;border-top:1px solid var(--color-border);background-color:var(--color-bg-card);padding:var(--spacing-4) var(--spacing-4) var(--spacing-6);box-shadow:var(--shadow-xl);bottom:0;top:4rem;z-index:999}@media (max-width:768px){header.header{position:unset}}@media (min-width:768px){.header-mobile-menu{display:none}}.header-mobile-nav-item{border:var(--spacing-px) solid var(--color-bg-muted);display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);border-radius:var(--radius-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:all var(--transition-fast);width:100%}.header-mobile-nav-item:hover{color:var(--color-text)}.header-mobile-nav-item.active{background-color:var(--color-info-light);color:var(--color-primary)}.header-mobile-nav-item svg{width:1.25rem;height:1.25rem}.header-mobile-auth{display:flex;gap:var(--spacing-2)}.header-mobile-profile-btn{background-color:var(--color-bg-muted);color:var(--color-text-muted)}.header-mobile-logout-btn,.header-mobile-profile-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--radius-default);font-size:var(--font-size-sm)}.header-mobile-logout-btn{background-color:var(--color-danger-light);color:var(--color-danger)}.header-mobile-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-primary);color:white;border-radius:var(--radius-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.header-mobile-auth svg{width:1rem;height:1rem}.footer{background-color:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--spacing-4) var(--spacing-6);flex-shrink:0}.footer-content{max-width:var(--container-xl);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--spacing-2);font-size:var(--font-size-sm)}@media (min-width:640px){.footer-content{flex-direction:row}}.footer-credits{color:var(--color-text-light);font-size:var(--font-size-xs)}.footer-credits-logo{display:block;aspect-ratio:4/1;height:1.25rem;text-indent:-9999px;background-size:cover;background-image:url(https://www.gupse.com/assets/images/gupse-logo-v3-dark.png)}.dark .footer-credits-logo{background-image:url(https://www.gupse.com/assets/images/gupse-logo-v3-light.png)}.sidebar{width:16rem;background-color:var(--color-slate-900);color:white;display:flex;flex-direction:column;height:100%;border-right:1px solid var(--color-slate-800);flex-shrink:0;transition:background-color var(--transition-default)}.sidebar-content{padding:var(--spacing-6)}.sidebar-header{gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.sidebar-header,.sidebar-logo{display:flex;align-items:center}.sidebar-logo{width:2rem;height:2rem;background-color:var(--color-primary);border-radius:var(--radius-default);justify-content:center;box-shadow:0 4px 6px -1px var(--color-primary-shadow)}.sidebar-logo svg{width:1.25rem;height:1.25rem;color:white}.sidebar-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.sidebar-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-primary);color:white;border-radius:var(--radius-default);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-6);box-shadow:0 4px 6px -1px rgba(59,130,246,.2);transition:all var(--transition-fast)}.sidebar-add-btn:hover{background-color:var(--color-primary-hover)}.sidebar-add-btn:active{transform:scale(.95)}.sidebar-add-btn svg{width:1.25rem;height:1.25rem}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar-nav-item{width:100%;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-default);color:var(--color-slate-400);border:1px solid transparent;transition:all var(--transition-fast)}.sidebar-nav-item:hover{background-color:rgba(30,41,59,.5);color:var(--color-slate-200)}.sidebar-nav-item.active{background-color:var(--color-slate-800);color:var(--color-primary-light);border-color:rgba(51,65,85,.5)}.sidebar-nav-item svg{width:1.25rem;height:1.25rem}.sidebar-nav-item span{font-weight:var(--font-weight-medium)}.sidebar-footer{margin-top:auto;padding:var(--spacing-6);border-top:1px solid var(--color-slate-800);display:flex;flex-direction:column;gap:var(--spacing-2)}.sidebar-footer-btn{width:100%;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-default);color:var(--color-slate-400);transition:all var(--transition-fast)}.sidebar-footer-btn:hover{color:var(--color-slate-200);background-color:rgba(30,41,59,.5)}.sidebar-footer-btn.active{color:var(--color-primary-light);background-color:var(--color-slate-800)}.sidebar-footer-btn svg{width:1.25rem;height:1.25rem}.sidebar-footer-btn span{font-weight:var(--font-weight-medium)}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);padding:var(--spacing-4);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.item-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);padding:var(--spacing-4);transition:all var(--transition-fast)}.item-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.item-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.item-card-meta{display:flex;align-items:center;gap:var(--spacing-2);min-width:0}.item-card-type-icon{padding:var(--spacing-1-5);border-radius:var(--radius-default);flex-shrink:0}.item-card-type-icon.prompt{background-color:var(--color-purple-light);color:var(--color-purple)}.item-card-type-icon.markdown{background-color:var(--color-orange-light);color:var(--color-orange)}.item-card-type-icon svg{width:.875rem;height:.875rem}.item-card-title-wrapper{min-width:0}.item-card-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text);letter-spacing:var(--letter-spacing-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;transition:color var(--transition-fast)}.item-card-title:hover{color:var(--color-primary)}@media (max-width:480px){.item-card-title{white-space:normal;overflow:visible;text-overflow:clip}}.item-card-actions{display:flex;align-items:center;gap:var(--spacing-0-5);flex-shrink:0}.item-card-action-btn{padding:var(--spacing-1-5);color:var(--color-text-light);border-radius:var(--radius-default);transition:all var(--transition-fast);opacity:0}.item-card:hover .item-card-action-btn{opacity:1}.item-card-action-btn:hover{color:var(--color-primary);background-color:var(--color-bg-muted)}.item-card-action-btn svg{width:.875rem;height:.875rem}.item-card-favorite-btn{padding:var(--spacing-1-5);border-radius:var(--radius-default);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-1)}.item-card-favorite-btn.active{color:var(--color-rose);background-color:var(--color-rose-light)}.item-card-favorite-btn:not(.active){color:var(--color-text-light)}.item-card-favorite-btn:not(.active):hover{color:var(--color-rose);background-color:var(--color-bg-muted)}.item-card-favorite-btn svg{width:.875rem;height:.875rem}.item-card-description,.item-card-favorite-count{font-size:var(--font-size-xs)}.item-card-description{font-family:var(--font-mono);color:var(--color-text-muted);background-color:var(--color-bg-muted);border-radius:var(--radius-default);padding:var(--spacing-2);margin-bottom:var(--spacing-3);line-height:var(--line-height-relaxed);height:4.375rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.item-card-footer{display:flex;align-items:center;justify-content:space-between}.item-card-tags-wrapper{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.item-card-agents,.item-card-tags{display:flex;display:none;flex-wrap:wrap;gap:var(--spacing-1)}.item-card-agent,.item-card-tag{padding:var(--spacing-0-5) var(--spacing-1-5);font-size:var(--font-size-xs);background-color:var(--color-info-light);color:var(--color-primary);border-radius:var(--radius-default)}.item-card-author{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-muted);transition:color var(--transition-fast)}.item-card-author:hover{color:var(--color-primary)}.item-card-author svg{width:.75rem;height:.75rem}.item-card-date{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-light)}.item-card-date svg{width:.75rem;height:.75rem}.item-card-grid{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);padding:var(--spacing-4);transition:all var(--transition-fast)}.item-card-grid:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.item-card-grid .item-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.item-card-title-wrap{min-width:0}.item-card-title-link{display:block}.item-card-grid .copy-btn{opacity:0}.item-card-grid:hover .copy-btn{opacity:1}.favorite-count{font-size:var(--font-size-xs);line-height:1}.item-card-favorite-btn svg.filled{fill:currentColor}.item-card-favorite-btn.disabled{cursor:default}.icon-success{color:var(--color-success)}.item-card-footer-left{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.item-card-list{display:flex;align-items:center;gap:var(--spacing-4);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);padding:var(--spacing-2-5) var(--spacing-4);transition:all var(--transition-fast)}.item-card-list:hover{border-color:var(--color-primary-light)}.item-card-list .item-card-type-icon{padding:var(--spacing-1-5);flex-shrink:0}.item-card-list .item-card-title-link{flex:1;min-width:0}.item-card-list .item-card-title{font-weight:var(--font-weight-medium)}.item-card-list .item-card-agent{display:none;flex-shrink:0}@media (min-width:640px){.item-card-list .item-card-agent{display:block}}.item-card-list .item-card-author{display:none;flex-shrink:0}@media (min-width:1024px){.item-card-list .item-card-author{display:flex}}.item-card-list .item-card-tags{display:none;flex-shrink:0}@media (min-width:768px){.item-card-list .item-card-tags{display:flex}}.item-card-list .item-card-date{display:none;flex-shrink:0}@media (min-width:1024px){.item-card-list .item-card-date{display:flex}}.item-card-list .item-card-actions{flex-shrink:0}.item-card-list .copy-btn{opacity:0}.item-card-list:hover .copy-btn{opacity:1}.item-card-list-title-link{flex:1;min-width:0}.item-card-list-title{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.item-card-list-title:hover{color:var(--color-primary)}.item-card-list-agent{display:none;font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}@media (min-width:640px){.item-card-list-agent{display:block}}.item-card-list-author{display:none;font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0;align-items:center;gap:var(--spacing-1);transition:color var(--transition-fast)}.item-card-list-author:hover{color:var(--color-primary)}.item-card-list-author svg{width:.75rem;height:.75rem}@media (min-width:1024px){.item-card-list-author{display:flex}}.item-card-list-tags{display:none;gap:var(--spacing-1);flex-shrink:0}@media (min-width:768px){.item-card-list-tags{display:flex}}.item-card-list-date{display:none;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-light);flex-shrink:0}.item-card-list-date svg{width:.75rem;height:.75rem}@media (min-width:1024px){.item-card-meta{max-width:300px}.item-card-list-date{display:flex}}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;background-color:rgba(15,23,42,.5);backdrop-filter:blur(4px);padding:var(--spacing-4);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.editor-modal{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);box-shadow:var(--shadow-2xl);width:100%;max-width:64rem;height:90vh;display:flex;flex-direction:column;overflow:hidden}.editor-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-muted)}.editor-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.editor-modal-header-actions,.editor-preview-btn{display:flex;align-items:center;gap:var(--spacing-2)}.editor-preview-btn{padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);transition:all var(--transition-fast)}.editor-preview-btn:hover{background-color:var(--color-bg-muted)}.editor-preview-btn svg{width:1rem;height:1rem}.editor-close-btn{padding:var(--spacing-2);color:var(--color-text-light);border-radius:var(--radius-default);transition:all var(--transition-fast)}.editor-close-btn:hover{color:var(--color-text-muted);background-color:var(--color-bg-elevated)}.editor-close-btn svg{width:1.25rem;height:1.25rem}.editor-modal-body{flex:1;overflow-y:auto;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6);background-color:var(--color-bg-card)}.editor-meta-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width:768px){.editor-meta-grid{grid-template-columns:8fr 4fr}}.editor-main-col,.editor-side-col{display:flex;flex-direction:column;gap:var(--spacing-4)}.editor-selects-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.editor-type-btn,.editor-type-btns{display:flex;gap:var(--spacing-2)}.editor-type-btn{flex:1;align-items:center;justify-content:center;padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-default);background-color:var(--color-bg-card);color:var(--color-text-muted);transition:all var(--transition-fast)}.editor-type-btn:hover{background-color:var(--color-bg-muted)}.editor-type-btn.prompt.active{background-color:rgba(147,51,234,.1);border-color:rgba(147,51,234,.3);color:var(--color-purple)}.dark .editor-type-btn.prompt.active{background-color:rgba(147,51,234,.2)}.editor-type-btn.markdown.active{background-color:rgba(249,115,22,.1);border-color:rgba(249,115,22,.3);color:var(--color-orange)}.dark .editor-type-btn.markdown.active{background-color:rgba(249,115,22,.2)}.editor-type-btn svg{width:1rem;height:1rem}.editor-visibility-btn,.editor-visibility-btns{display:flex;gap:var(--spacing-2)}.editor-visibility-btn{flex:1;align-items:center;justify-content:center;padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-default);background-color:var(--color-bg-card);color:var(--color-text-muted);transition:all var(--transition-fast)}.editor-visibility-btn.private.active,.editor-visibility-btn:hover{background-color:var(--color-bg-muted)}.editor-visibility-btn.private.active{border-color:var(--color-border-dark);color:var(--color-text)}.editor-visibility-btn.public.active{background-color:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:var(--color-success)}.dark .editor-visibility-btn.public.active{background-color:rgba(34,197,94,.2)}.editor-visibility-btn svg{width:1rem;height:1rem}.editor-content-area{flex:1;display:flex;flex-direction:column;min-height:18.75rem}.editor-content-wrapper{flex:1;position:relative;border:1px solid var(--color-border);border-radius:var(--radius-default);overflow:hidden;background-color:var(--color-bg-input);transition:all var(--transition-fast)}.editor-content-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.editor-textarea{width:100%;height:100%;resize:none;outline:none;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);background-color:transparent;color:var(--color-text)}.editor-preview-area,.editor-textarea{position:absolute;inset:0;padding:var(--spacing-4)}.editor-preview-area{overflow-y:auto;background-color:var(--color-bg-input)}.editor-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4);border-top:1px solid var(--color-border-light);background-color:var(--color-bg-muted)}.editor-cancel-btn{padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-muted);font-weight:var(--font-weight-medium);border-radius:var(--radius-default);transition:all var(--transition-fast)}.editor-cancel-btn:hover{background-color:var(--color-bg-elevated)}.editor-save-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-6);background-color:var(--color-primary);color:white;font-weight:var(--font-weight-medium);border-radius:var(--radius-default);box-shadow:0 4px 6px -1px rgba(59,130,246,.2);transition:all var(--transition-fast)}.editor-save-btn:hover{background-color:var(--color-primary-hover)}.editor-save-btn svg{width:1rem;height:1rem}.confirm-dialog{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);box-shadow:var(--shadow-2xl);width:100%;max-width:28rem;overflow:hidden}.confirm-dialog-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4)}.confirm-dialog-header.danger{background-color:var(--color-danger-light)}.confirm-dialog-header.warning{background-color:var(--color-warning-light)}.confirm-dialog-header.info{background-color:var(--color-info-light)}.confirm-dialog-icon{flex-shrink:0}.confirm-dialog-icon.danger svg{width:1.5rem;height:1.5rem;color:var(--color-danger)}.confirm-dialog-icon.warning svg{width:1.5rem;height:1.5rem;color:var(--color-warning)}.confirm-dialog-icon.info svg{width:1.5rem;height:1.5rem;color:var(--color-info)}.confirm-dialog-title{font-weight:var(--font-weight-semibold);color:var(--color-text)}.confirm-dialog-close-btn{margin-left:auto;padding:var(--spacing-1);color:var(--color-text-light);border-radius:var(--radius-default);transition:all var(--transition-fast)}.confirm-dialog-close-btn:hover{color:var(--color-text-muted)}.confirm-dialog-close-btn svg{width:1.25rem;height:1.25rem}.confirm-dialog-body{padding:var(--spacing-6)}.confirm-dialog-message{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.confirm-dialog-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-bg-muted)}.confirm-dialog-cancel-btn{padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-muted);font-weight:var(--font-weight-medium);border-radius:var(--radius-default);transition:all var(--transition-fast)}.confirm-dialog-cancel-btn:hover{background-color:var(--color-bg-elevated)}.confirm-dialog-confirm-btn{padding:var(--spacing-2) var(--spacing-4);font-weight:var(--font-weight-medium);border-radius:var(--radius-default);transition:all var(--transition-fast)}.confirm-dialog-confirm-btn.danger{background-color:var(--color-danger);color:white}.confirm-dialog-confirm-btn.danger:hover{background-color:var(--color-danger-dark)}.confirm-dialog-confirm-btn.warning{background-color:var(--color-warning);color:white}.confirm-dialog-confirm-btn.warning:hover{background-color:var(--color-warning-dark)}.confirm-dialog-confirm-btn.info{background-color:var(--color-info);color:white}.confirm-dialog-confirm-btn.info:hover{background-color:var(--color-info-dark)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background-color:var(--color-border);border-radius:var(--radius-default)}.skeleton,.skeleton-card{animation:skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--spacing-4)}.skeleton-card,.skeleton-icon{border-radius:var(--radius-default)}.skeleton-icon{width:2rem;height:2rem;background-color:var(--color-border)}.skeleton-icon-sm{width:1.75rem;height:1.75rem;background-color:var(--color-border-light)}.skeleton-icon-sm,.skeleton-text{border-radius:var(--radius-default)}.skeleton-text{height:1rem;background-color:var(--color-border)}.skeleton-text-sm{height:.75rem;background-color:var(--color-border-light);border-radius:var(--radius-default)}.skeleton-text-lg{height:1.5rem;background-color:var(--color-border);border-radius:var(--radius-default)}.skeleton-item-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);padding:var(--spacing-4);animation:skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-item-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.skeleton-item-card-meta{display:flex;align-items:center;gap:var(--spacing-2);min-width:0}.skeleton-item-card-title{min-width:0}.skeleton-item-card-actions{display:flex;align-items:center;gap:var(--spacing-1)}.skeleton-item-card-description{height:4.375rem;background-color:var(--color-bg-muted);border-radius:var(--radius-default);padding:var(--spacing-2);margin-bottom:var(--spacing-3)}.skeleton-item-card-footer{display:flex;align-items:center;justify-content:space-between}.skeleton-item-card-tags{display:flex;gap:var(--spacing-1)}.skeleton-dashboard{animation:skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-hero{height:10rem;background-color:var(--color-border);border-radius:var(--radius-default);margin-bottom:var(--spacing-10)}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}@media (min-width:640px){.skeleton-stats-grid{grid-template-columns:repeat(3,1fr)}}.skeleton-stat-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);padding:var(--spacing-5)}.skeleton-stat-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-3)}.skeleton-stat-icon{width:2.5rem;height:2.5rem;background-color:var(--color-border-light);border-radius:var(--radius-default)}.skeleton-stat-value{width:2rem;height:1.75rem;background-color:var(--color-border);border-radius:var(--radius-default)}.skeleton-stat-label{width:5rem;height:1rem;background-color:var(--color-border-light);border-radius:var(--radius-default)}.skeleton-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media (min-width:768px){.skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.skeleton-grid{grid-template-columns:repeat(3,1fr)}}.skeleton-sidebar{display:none;flex-direction:column;gap:var(--spacing-6)}@media (min-width:1024px){.skeleton-sidebar{display:flex}}.skeleton-sidebar-box{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);padding:var(--spacing-6)}.skeleton-sidebar-dark{background-color:var(--color-slate-800);height:10rem;border-radius:var(--radius-default)}.skeleton-sidebar-row{display:flex;justify-content:space-between}.dashboard-container{padding:var(--spacing-8);max-width:var(--container-xl);margin-left:auto;margin-right:auto;width:100%}.hero-section{position:relative;overflow:hidden;border-radius:var(--radius-sm);background-color:var(--color-primary);color:white;box-shadow:var(--shadow-xl)}.hero-content{position:relative;z-index:10;padding:var(--spacing-6);display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--spacing-6)}.hero-text{text-shadow:0 .05rem .05rem rgba(0,0,0,.5)}.hero-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);color:white}.hero-subtitle{color:rgba(219,234,254,.9);max-width:32rem}.hero-actions{display:flex;flex-direction:row;gap:var(--spacing-3);justify-content:space-between;width:100%}.hero-actions button{display:flex;font-family:var(--font-head);justify-content:center;align-items:center;gap:var(--spacing-2);letter-spacing:var(--letter-spacing-tight);white-space:nowrap}.hero-actions button svg{display:inline-block;width:1.25rem;height:1.25rem}.hero-btn-primary{padding:var(--spacing-2-5) var(--spacing-5);background-color:white;color:var(--color-primary);border-radius:var(--radius-default);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md);transition:all var(--transition-fast);width:auto}.hero-btn-primary:hover{background-color:rgba(239,246,255,1)}.hero-btn-secondary{padding:var(--spacing-2-5) var(--spacing-5);background-color:rgba(29,78,216,.5);color:white;border-radius:var(--radius-default);font-weight:var(--font-weight-semibold);backdrop-filter:blur(4px);transition:all var(--transition-fast);width:auto}.hero-btn-secondary:hover{background-color:rgba(29,78,216,.7)}.hero-blur-1{top:0;right:0;margin-right:-5rem;margin-top:-5rem;background-color:rgba(255,255,255,.1)}.hero-blur-1,.hero-blur-2{position:absolute;width:16rem;height:16rem;border-radius:var(--radius-full);filter:blur(48px)}.hero-blur-2{bottom:0;left:0;margin-left:-5rem;margin-bottom:-5rem;background-color:rgba(59,130,246,.2)}.dashboard-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-8)}@media (min-width:1024px){.dashboard-layout{grid-template-columns:2fr 1fr}}.dashboard-main{display:flex;flex-direction:column;gap:var(--spacing-8)}.dashboard-sidebar{display:none;flex-direction:column;gap:var(--spacing-6)}@media (min-width:1024px){.dashboard-sidebar{display:flex}}.dashboard-section{margin-bottom:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);padding:var(--spacing-5);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.stat-card-purple:hover{border-color:var(--color-purple)}.stat-card-orange:hover{border-color:var(--color-orange)}.stat-card-yellow:hover{border-color:var(--color-warning)}.stat-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-3)}.stat-icon{padding:var(--spacing-2);border-radius:var(--radius-default);transition:transform var(--transition-fast)}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-icon svg{width:2rem;height:2rem}.stat-icon-purple{background-color:rgba(147,51,234,.1);color:var(--color-purple)}.dark .stat-icon-purple{background-color:rgba(147,51,234,.2)}.stat-icon-orange{background-color:rgba(249,115,22,.1);color:var(--color-orange)}.dark .stat-icon-orange{background-color:rgba(249,115,22,.2)}.stat-icon-yellow{background-color:rgba(234,179,8,.1);color:var(--color-warning)}.dark .stat-icon-yellow{background-color:rgba(234,179,8,.2)}.stat-value{color:var(--color-text);font-family:var(--font-head);font-size:var(--font-size-5xl);line-height:var(--line-height-none);letter-spacing:var(--letter-spacing-wide)}.stat-label,.stat-value{font-weight:var(--font-weight-medium)}.stat-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-tight)}.section-header{justify-content:space-between;margin-bottom:var(--spacing-4)}.section-header,.section-title{display:flex;align-items:center}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);gap:var(--spacing-2)}.section-link{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-1)}.section-link:hover{text-decoration:underline}.section-link svg{width:1rem;height:1rem}.items-grid{display:grid;gap:var(--spacing-4);width:100%}.items-grid-1,.items-grid-2{grid-template-columns:1fr}@media (min-width:768px){.items-grid-2{grid-template-columns:repeat(2,1fr)}}.items-grid-3{grid-template-columns:1fr}@media (min-width:768px){.items-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.items-grid-3{grid-template-columns:repeat(3,1fr)}}.pro-tip-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-default);overflow:hidden;padding:var(--spacing-6);position:relative}.pro-tip-content{position:relative;z-index:10}.pro-tip-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-2)}.pro-tip-text{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.pro-tip-accent,.pro-tip-text{margin-bottom:var(--spacing-4)}.pro-tip-accent{background-color:var(--color-primary);border-radius:var(--radius-full);height:var(--spacing-1);margin-top:var(--spacing-4);width:var(--spacing-16)}.pro-tip-icon{position:absolute;bottom:-1rem;right:-1rem;width:6rem;height:6rem;transform:rotate(12deg);color:var(--color-slate-100)}.dark .pro-tip-icon{color:var(--color-slate-700)}.about-us-card{margin-top:var(--spacing-2)}.about-us-card .pro-tip-accent{width:var(--spacing-24)}.empty-state{grid-column:1/-1;text-align:center;padding:var(--spacing-16) var(--spacing-4);background-color:var(--color-bg-card);border:1px dashed var(--color-border-dark)}.empty-icon,.empty-state{border-radius:var(--radius-default)}.empty-icon{width:3rem;height:3rem;background-color:var(--color-bg-muted);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-3)}.empty-icon svg{width:1.5rem;height:1.5rem;color:var(--color-text-light)}.empty-text{color:var(--color-text-muted);margin-bottom:var(--spacing-2)}.empty-link{color:var(--color-primary);font-weight:var(--font-weight-medium)}.empty-link:hover{text-decoration:underline}.loading-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted)}.loading-state svg{width:2.5rem;height:2.5rem;margin-bottom:var(--spacing-4)}.info-container{max-width:42rem;margin-left:auto;margin-right:auto;margin-top:var(--spacing-10);padding:var(--spacing-8)}.info-card{background-color:var(--color-bg-card);border-radius:var(--radius-default);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:var(--spacing-8)}.info-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-6)}.info-sections{display:flex;flex-direction:column;gap:var(--spacing-6)}.info-section{padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.info-section:first-child{padding-top:0;border-top:none}.info-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-4)}.info-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.info-stat-box{background-color:var(--color-bg-muted);padding:var(--spacing-4);border-radius:var(--radius-default);border:1px solid var(--color-border)}.info-stat-label{color:var(--color-text-muted);font-size:var(--font-size-sm);display:block;margin-bottom:var(--spacing-1)}.info-stat-value{font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);color:var(--color-text)}.info-description{line-height:var(--line-height-relaxed)}.info-description,.info-list{color:var(--color-text-muted);font-size:var(--font-size-sm)}.info-list{flex-direction:column}.info-list,.info-list li{display:flex;gap:var(--spacing-2)}.info-list li{align-items:center}.info-dot{width:.375rem;height:.375rem;border-radius:var(--radius-full);background-color:var(--color-primary);flex-shrink:0}.library-page{padding:var(--spacing-8);height:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;width:100%}.library-header,.library-page{display:flex;flex-direction:column}.library-header{justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-8);gap:var(--spacing-4)}@media (min-width:768px){.library-header{flex-direction:row;align-items:center}}.library-title-wrap{margin-bottom:0}.library-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.library-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.library-page-info{margin-left:var(--spacing-1);opacity:.7}.library-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-2);width:100%}@media (min-width:768px){.library-filters{width:auto}}.library-content{flex:1;padding-bottom:var(--spacing-8)}.search-wrapper{position:relative}@media (min-width:768px){.search-wrapper{width:12rem;flex:none}}.search-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--color-text-light)}.search-input{width:100%;padding:var(--spacing-2) var(--spacing-4);padding-left:var(--spacing-9);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);font-size:var(--font-size-sm);color:var(--color-text);outline:none;transition:all var(--transition-fast)}.search-input::placeholder{color:var(--color-text-light)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.filter-select{padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);font-size:var(--font-size-sm);color:var(--color-text);outline:none;transition:all var(--transition-fast)}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.filter-clear-btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-danger);border:1px solid;border-radius:var(--radius-default);display:flex;align-items:center;gap:var(--spacing-1);transition:all var(--transition-fast)}.filter-clear-btn:hover{background-color:rgba(239,68,68,.1)}.filter-clear-btn svg{width:.75rem;height:.75rem}.view-toggle{display:flex;background-color:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--spacing-1)}.view-toggle,.view-toggle-btn{border-radius:var(--radius-default)}.view-toggle-btn{padding:var(--spacing-1-5);color:var(--color-text-light);transition:all var(--transition-fast)}.view-toggle-btn:hover{color:var(--color-text-muted)}.view-toggle-btn.active{background-color:var(--color-bg-muted);color:var(--color-text)}.view-toggle-btn svg{width:1rem;height:1rem}.search-empty-state{height:16rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);border:1px dashed var(--color-border-dark);border-radius:var(--radius-default);background-color:rgba(248,250,252,.5)}.dark .search-empty-state{background-color:rgba(30,30,44,.5)}.search-empty-state svg{width:2rem;height:2rem;margin-bottom:var(--spacing-3);opacity:.5}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.pagination-btn{padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-default);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background-color:var(--color-bg-muted)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:var(--spacing-1)}.pagination-page{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-default);border:1px solid var(--color-border);background-color:var(--color-bg-card);color:var(--color-text);transition:all var(--transition-fast)}.pagination-page:hover{background-color:var(--color-bg-muted)}.pagination-page.active{background-color:var(--color-primary);color:white;border-color:var(--color-primary)}@media screen and (max-width:480px){.dashboard-container{max-width:100%}.dashboard-container,.library-page{padding:var(--spacing-4)}.library-filters.first-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);justify-content:space-between}.library-filters.first-row .search-wrapper{width:100%}.library-filters.second-row{display:grid;justify-content:space-between}.library-filters.second-row,.stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.stat-card{padding:var(--spacing-3)}}.auth-page{min-height:100vh;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.auth-container{width:100%;max-width:28rem}.auth-logo{text-align:center;margin-bottom:var(--spacing-8)}.auth-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background-color:var(--color-primary);border-radius:var(--radius-default);box-shadow:0 4px 6px -1px var(--color-primary-shadow);margin-bottom:var(--spacing-4)}.auth-logo-icon svg{width:2rem;height:2rem;color:white}.auth-logo-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.auth-logo-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-default);box-shadow:var(--shadow-sm);padding:var(--spacing-8)}.auth-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center}.auth-error,.auth-title{margin-bottom:var(--spacing-6)}.auth-error{background-color:var(--color-danger-light);border:1px solid rgba(239,68,68,.3);color:var(--color-danger);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-default);font-size:var(--font-size-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.auth-input-wrapper{position:relative}.auth-input-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--color-text-light)}.auth-input{width:100%;padding:var(--spacing-3) var(--spacing-4);padding-left:var(--spacing-10);background-color:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-default);font-size:var(--font-size-base);color:var(--color-text);transition:all var(--transition-fast);outline:none}.auth-input::placeholder{color:var(--color-text-light)}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-shadow)}.auth-input-hint{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-1)}.auth-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-primary);color:white;font-weight:var(--font-weight-semibold);border-radius:var(--radius-default);transition:all var(--transition-fast)}.auth-submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-submit-btn svg{width:1.25rem;height:1.25rem}.auth-footer{text-align:center;margin-top:var(--spacing-6)}.auth-footer-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-footer-link{color:var(--color-primary);font-weight:var(--font-weight-medium)}.auth-footer-link:hover{text-decoration:underline}.auth-back-link{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-4);text-align:center}.auth-back-link:hover{color:var(--color-text)}.auth-back-link svg{width:1rem;height:1rem}