:root{--background:13 17% 9%;--foreground:213 27% 92%;--card:13 17% 9%;--card-foreground:213 27% 92%;--popover:220 13% 9%;--popover-foreground:213 27% 92%;--primary:212 100% 45%;--primary-foreground:0 0% 100%;--secondary:220 13% 13%;--secondary-foreground:213 27% 92%;--muted:220 13% 13%;--muted-foreground:215 9% 59%;--accent:212 100% 45%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:215 14% 20%;--input:215 14% 20%;--ring:212 100% 45%;--chart-1:212 100% 45%;--chart-2:262 100% 50%;--chart-3:310 100% 50%;--chart-4:47 100% 50%;--chart-5:142 76% 36%;--radius:.375rem}.light{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--muted))}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground))}html{background:hsl(var(--background));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}.bg-white,.bg-gray-100,.bg-gray-200,.bg-slate-100,.bg-slate-200{background-color:hsl(var(--background))!important}.text-black,.text-gray-900,.text-slate-900{color:hsl(var(--foreground))!important}.border-gray-200,.border-gray-300,.border-slate-200{border-color:hsl(var(--border))!important}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;transition:all .3s}.glass-card:hover{background:#ffffff14;border-color:#ffffff26}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.dashboard-card:hover{border-color:#ff6b35;box-shadow:0 4px 12px #00000026}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.quick-action-btn{color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.quick-action-btn:hover{color:#ff6b35;background:#fff7f5;border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b351a}.grimmforged-orange{color:#ff6b35}.grimmforged-orange-bg{background-color:#ff6b35}.grimmforged-orange-border{border-color:#ff6b35}.grimmforged-orange-hover:hover{color:#ff6b35;background-color:#fff7f5;border-color:#ff6b35}
:root{--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-canvas-inset:#f6f8fa;--color-fg-default:#1f2328;--color-fg-muted:#656d76;--color-fg-subtle:#8c959f;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-border-subtle:#f6f8fa;--color-canvas-default-dark:#0d1117;--color-canvas-subtle-dark:#161b22;--color-canvas-inset-dark:#010409;--color-fg-default-dark:#e6edf3;--color-fg-muted-dark:#848d97;--color-fg-subtle-dark:#6e7681;--color-border-default-dark:#30363d;--color-border-muted-dark:#21262d;--color-border-subtle-dark:#161b22;--color-accent-emphasis:#0969da;--color-accent-muted:#0969da1a;--color-accent-subtle:#ddf4ff;--color-success-emphasis:#1a7f37;--color-danger-emphasis:#d1242f;--color-warning-emphasis:#9a6700;--color-vercel-black:#000;--color-vercel-gray:#fafafa;--color-vercel-blue:#0070f3;--color-vercel-purple:#7928ca;--color-vercel-pink:#ff0080;--font-family-mono:"SFMono-Regular","Consolas","Liberation Mono","Menlo","Monaco",monospace;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans","Helvetica","Arial",sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-small:3px;--radius-medium:6px;--radius-large:8px;--radius-full:9999px;--shadow-small:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-medium:0 3px 6px #00000026,0 2px 4px #0000001f;--shadow-large:0 10px 20px #00000026,0 3px 6px #0000001a;--shadow-inset:inset 0 1px 2px #0000001a;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--color-canvas-default-dark);color:var(--color-fg-default-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border:1px solid var(--color-border-default-dark);border-radius:var(--radius-medium);cursor:pointer;background:var(--color-canvas-default-dark);color:var(--color-fg-default-dark);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background-color:var(--color-canvas-subtle-dark);border-color:var(--color-border-muted-dark)}.btn-primary{background:var(--color-accent-emphasis);color:#fff;border-color:var(--color-accent-emphasis)}.btn-primary:hover{background:#0860ca;border-color:#0860ca}.btn-ghost{padding:var(--space-2);background:0 0;border:none}.btn-ghost:hover{background-color:var(--color-canvas-subtle-dark)}.input{width:100%;padding:var(--space-2)var(--space-3);border:1px solid var(--color-border-default-dark);border-radius:var(--radius-medium);background:var(--color-canvas-default-dark);color:var(--color-fg-default-dark);font-size:14px;transition:all .2s}.input:focus{border-color:var(--color-accent-emphasis);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.input::placeholder{color:var(--color-fg-subtle-dark)}.card{background:var(--color-canvas-default-dark);border:1px solid var(--color-border-default-dark);border-radius:var(--radius-large);padding:var(--space-4);box-shadow:var(--shadow-small);word-wrap:break-word;overflow-wrap:break-word}@media (min-width:640px){.card{padding:var(--space-6)}}.card-header{margin-bottom:var(--space-3)}@media (min-width:640px){.card-header{margin-bottom:var(--space-4)}}.card-title{color:var(--color-fg-default-dark);margin-bottom:var(--space-1);font-size:16px;font-weight:600;line-height:1.4}@media (min-width:768px){.card-title{font-size:18px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);background:#111827bf}.card-modern{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease-in-out;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-modern:hover{transform:translateY(-1px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-saas-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 2px 4px -1px #3b82f64d,inset 0 1px #ffffff1a}.btn-saas-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 12px -2px #3b82f666,inset 0 1px #ffffff1a}.btn-saas-secondary{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s ease-in-out}.btn-saas-secondary:hover{color:#111827;background:#f9fafb;border-color:#9ca3af}.input-saas{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;line-height:20px;transition:all .2s ease-in-out}.input-saas:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a,0 1px 2px #0000000d}.input-saas::placeholder{color:#9ca3af}.selection-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s ease-in-out;position:relative}.selection-card:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px -2px #3b82f626,0 2px 4px -1px #3b82f60f}.selection-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6,0 4px 12px -2px #3b82f640}.badge-saas{border-radius:6px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;line-height:1.25;display:inline-flex}.badge-saas.success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.badge-saas.warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.badge-saas.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.badge-saas.info{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.table-saas{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.table-saas th{color:#374151;letter-spacing:.025em;text-align:left;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600}.table-saas td{color:#111827;border-bottom:1px solid #f3f4f6;padding:16px;font-size:14px}.table-saas tr:hover{background:#f9fafb}.alert-saas{border-radius:8px;align-items:flex-start;gap:12px;margin:16px 0;padding:12px 16px;display:flex}.alert-saas.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.alert-saas.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.alert-saas.warning{color:#92400e;background:#fffbeb;border:1px solid #fed7aa}.alert-saas.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.loading-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transition-saas{transition:all .2s cubic-bezier(.4,0,.2,1)}.focus-saas:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.glass-saas{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fff3}.card-description{color:var(--color-fg-muted-dark);font-size:13px;line-height:1.5}@media (min-width:768px){.card-description{font-size:14px}}.nav{background:var(--color-canvas-default-dark);align-items:center;padding:0;display:flex}.nav-brand{color:var(--color-fg-default-dark);font-size:16px;font-weight:600;text-decoration:none}.nav-link{color:var(--color-fg-muted-dark);border-radius:var(--radius-medium);white-space:nowrap;font-size:14px;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--color-fg-default-dark);background:var(--color-canvas-subtle-dark)}.container{max-width:1200px;padding:0 var(--space-4);margin:0 auto}@media (min-width:640px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}.main-content{background:var(--color-canvas-default-dark);min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--color-fg-default-dark);margin-bottom:var(--space-3);font-weight:600;line-height:1.25}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}h4{font-size:16px}p{color:var(--color-fg-muted-dark);margin-bottom:var(--space-3)}.text-muted{color:var(--color-fg-subtle-dark)}code{font-family:var(--font-family-mono);background:var(--color-canvas-subtle-dark);border:1px solid var(--color-border-default-dark);border-radius:var(--radius-small);padding:2px 4px;font-size:12px}pre{font-family:var(--font-family-mono);padding:var(--space-4);background:var(--color-canvas-subtle-dark);border:1px solid var(--color-border-default-dark);border-radius:var(--radius-medium);font-size:12px;overflow-x:auto}.alert{padding:var(--space-4);border-radius:var(--radius-medium);margin-bottom:var(--space-4);border:1px solid}.alert-info{color:#0550ae;background:#ddf4ff;border-color:#0969da}.alert-success{color:#116329;background:#dafbe1;border-color:#1a7f37}.alert-warning{color:#7d4e00;background:#fff8c5;border-color:#9a6700}.alert-error{color:#a40e26;background:#ffebe9;border-color:#d1242f}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.w-full{width:100%}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:px-6{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:768px){.md\:hidden{display:none}.md\:flex{display:flex}.md\:text-2xl{font-size:24px}.md\:text-3xl{font-size:28px}.md\:text-5xl{font-size:48px}.md\:text-lg{font-size:16px}.md\:text-xl{font-size:18px}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}}.sidebar{background:var(--color-canvas-default-dark);border-right:1px solid var(--color-border-default-dark);z-index:50;flex-direction:column;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;left:0}.sidebar-expanded{width:240px}.sidebar-collapsed{width:64px}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-default-dark);justify-content:space-between;align-items:center;min-height:64px;display:flex}.sidebar-logo{align-items:center;gap:var(--space-2);min-width:0;display:flex}.sidebar-logo-icon{flex-shrink:0}.sidebar-logo-text{color:var(--color-fg-default-dark);white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.sidebar-toggle{width:28px;height:28px;color:var(--color-fg-muted-dark);border-radius:var(--radius-small);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-toggle:hover{background:var(--color-canvas-subtle-dark);color:var(--color-fg-default-dark)}.sidebar-nav{padding:var(--space-2);flex-direction:column;flex:1;justify-content:space-between;display:flex}.sidebar-section{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-bottom{padding-top:var(--space-4);border-top:1px solid var(--color-border-default-dark);margin-top:auto}.sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-medium);color:var(--color-fg-muted-dark);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;min-height:40px;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{background:var(--color-canvas-subtle-dark);color:var(--color-fg-default-dark)}.sidebar-item-active,.sidebar-item-active:hover{background:var(--color-accent-muted);color:var(--color-accent-emphasis)}.sidebar-item-icon{flex-shrink:0}.sidebar-item-content{flex-direction:column;gap:1px;min-width:0;display:flex;overflow:hidden}.sidebar-item-label{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:1.3;overflow:hidden}.sidebar-item-description{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.2;overflow:hidden}.sidebar-logout{color:var(--color-fg-muted-dark)}.sidebar-logout:hover{color:#ef4444;background:#ef44441a}.main-with-sidebar.sidebar-expanded{margin-left:240px;transition:margin-left .3s}.main-with-sidebar.sidebar-collapsed{margin-left:64px;transition:margin-left .3s}.app-layout{flex-direction:row;min-height:100vh;display:flex}.main-content-area{flex-direction:column;flex:1;transition:all .3s;display:flex}.content-wrapper{flex:1;width:100%;transition:all .3s ease-in-out}.content-wrapper.standard-layout{padding-left:1rem;padding-right:1rem}.content-wrapper.expanded-layout{width:100%;padding-left:4rem;padding-right:4rem;max-width:none!important}@media (min-width:640px){.content-wrapper.standard-layout{padding-left:1.5rem;padding-right:1.5rem}.content-wrapper.expanded-layout{padding-left:5rem;padding-right:5rem}}@media (min-width:1024px){.content-wrapper.standard-layout{padding-left:2rem;padding-right:2rem}.content-wrapper.expanded-layout{padding-left:6rem;padding-right:6rem}}.expanded-layout .grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.expanded-layout .grid.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.expanded-layout .grid.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.expanded-layout .grid.grid-cols-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.expanded-layout .card{margin-bottom:1.5rem}.expanded-layout .space-y-6>*+*{margin-top:1.5rem}.standard-layout .grid{gap:1.5rem}.content-inner{width:100%}.mobile-header{background:var(--color-canvas-default);border-bottom:1px solid var(--color-border-default)}.mobile-menu{background:var(--color-canvas-subtle)}.mobile-main{margin-left:0;padding-top:0}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-mobile-open{transform:translate(0)}.main-with-sidebar.sidebar-expanded,.main-with-sidebar.sidebar-collapsed{margin-left:0}.content-wrapper.expanded-layout,.content-wrapper.standard-layout{max-width:100%;padding-left:1rem;padding-right:1rem}}:focus-visible{outline:2px solid var(--color-accent-emphasis);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-canvas-subtle-dark)}::-webkit-scrollbar-thumb{background:var(--color-border-default-dark);border-radius:var(--radius-small)}::-webkit-scrollbar-thumb:hover{background:var(--color-fg-subtle-dark)}