:root{--font-main: "Sora", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--bg-base: #ffffff;--bg-soft: #f3f7fd;--bg-muted: #e8f0fa;--bg-surface-lowest: #ffffff;--bg-surface-low: #f3f7fd;--bg-surface: #ffffff;--bg-surface-high: #eef4fc;--bg-surface-highest: #dbe7f6;--text-primary: #0b1f3a;--text-secondary: #4a6078;--text-muted: #7a8fa6;--blue: #2563eb;--blue-hover: #1d4ed8;--blue-deep: #1e3a8a;--blue-soft: rgba(37, 99, 235, .1);--blue-ring: rgba(37, 99, 235, .22);--sky: #60a5fa;--success: #0f766e;--success-soft: rgba(15, 118, 110, .1);--warning: #b45309;--warning-soft: rgba(180, 83, 9, .1);--danger: #be123c;--danger-soft: rgba(190, 18, 60, .1);--border-hairline: #d7e2f0;--border-active: rgba(37, 99, 235, .45);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(11, 31, 58, .05);--shadow-md: 0 10px 30px rgba(30, 58, 138, .08);--shadow-lg: 0 24px 60px rgba(30, 58, 138, .12);--ease-out: cubic-bezier(.16, 1, .3, 1);--primary-blue: var(--blue);--primary-blue-glow: var(--blue-ring);--primary-blue-dark: var(--blue-hover);--ai-purple: var(--blue-deep);--ai-purple-glow: var(--blue-soft);--accent: var(--blue);--accent-soft: var(--blue-soft);--accent-glow: var(--blue-ring);--accent-strong: var(--blue-hover);--accent-2: var(--sky);--accent-2-soft: rgba(96, 165, 250, .14);--accent-emerald: var(--success);--accent-amber: var(--warning);--accent-rose: var(--danger);--glass-bg: rgba(255, 255, 255, .82);--glass-blur: blur(16px)}[data-theme=admin]{--bg-base: #f5f8fc;--bg-soft: #eef3fa;--bg-muted: #e2eaf5;--bg-surface-lowest: #0f2744;--bg-surface-low: #ffffff;--bg-surface: #ffffff;--bg-surface-high: #eef4fc;--bg-surface-highest: #dbe7f6;--text-primary: #0b1f3a;--text-secondary: #4a6078;--text-muted: #7a8fa6;--blue: #1d4ed8;--blue-deep: #0f2744}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-main);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-shell{min-height:100vh;background:var(--bg-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-soft)}::-webkit-scrollbar-thumb{background:#b8c9de;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--blue)}.glass-panel,.glass-panel-glow{background:#fff;border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-panel-glow{border-color:var(--border-active);box-shadow:0 16px 40px var(--blue-ring)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;font-family:var(--font-main);font-size:14px;font-weight:600;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease-out),background .2s,box-shadow .2s,border-color .2s,color .2s;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px var(--blue-ring)}.btn-primary:hover{background:var(--blue-hover);transform:translateY(-1px)}.btn-ai{background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;box-shadow:0 8px 20px var(--blue-ring)}.btn-ai:hover{transform:translateY(-1px)}.btn-secondary{background:var(--bg-soft);color:var(--text-primary);border-color:var(--border-hairline)}.btn-secondary:hover{background:var(--bg-muted);border-color:#c5d5ea}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-hairline)}.btn-outline:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.btn-sm{padding:7px 12px;font-size:12px;border-radius:8px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:500;font-family:var(--font-mono)}.badge-blue{background:var(--blue-soft);color:var(--blue);border:1px solid rgba(37,99,235,.2)}.badge-purple{background:#1e3a8a14;color:var(--blue-deep);border:1px solid rgba(30,58,138,.16)}.badge-emerald{background:var(--success-soft);color:var(--success);border:1px solid rgba(15,118,110,.18)}.badge-amber{background:var(--warning-soft);color:var(--warning);border:1px solid rgba(180,83,9,.18)}.input-field{width:100%;padding:11px 14px;background:#fff;border:1px solid var(--border-hairline);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-main);font-size:14px;transition:border-color .2s,box-shadow .2s}.input-field:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.input-field::placeholder{color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f3a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.pulse-indicator{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse-ring 1.8s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #0f766e73}70%{box-shadow:0 0 0 8px #0f766e00}to{box-shadow:0 0 #0f766e00}}.toast-notice{position:fixed;bottom:24px;right:24px;background:#fff;border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:14px 18px;color:var(--text-primary);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);z-index:1000;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 32px))}.toast-notice svg{color:var(--blue);flex-shrink:0}.landing{min-height:100vh;background:radial-gradient(ellipse 70% 50% at 80% -10%,rgba(37,99,235,.16),transparent 55%),radial-gradient(ellipse 50% 40% at 0% 20%,rgba(96,165,250,.12),transparent 50%),linear-gradient(180deg,#fff,#f3f7fd);color:var(--text-primary)}.landing-nav{max-width:1120px;margin:0 auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--blue),var(--blue-deep));color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;box-shadow:0 10px 24px var(--blue-ring)}.brand-name{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.03em;color:var(--text-primary)}.brand-name span{color:var(--blue)}.landing-hero{max-width:1120px;margin:0 auto;padding:48px 28px 72px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;min-height:calc(100vh - 90px)}.landing-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--blue);margin-bottom:18px}.landing-title{font-family:var(--font-display);font-size:clamp(40px,5.5vw,64px);font-weight:600;line-height:1.05;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:18px}.landing-title span{color:var(--blue)}.landing-lead{font-size:17px;color:var(--text-secondary);max-width:520px;margin-bottom:28px;line-height:1.65}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}.landing-actions .btn-primary{padding:14px 24px;font-size:15px}.landing-meta{display:flex;flex-wrap:wrap;gap:28px}.landing-meta strong{display:block;font-size:22px;font-family:var(--font-display);color:var(--text-primary)}.landing-meta span{font-size:13px;color:var(--text-muted)}.landing-visual{position:relative;min-height:420px}.landing-panel{background:#fff;border:1px solid var(--border-hairline);border-radius:24px;box-shadow:var(--shadow-lg);padding:28px;position:relative;z-index:2}.landing-panel h3{font-family:var(--font-display);font-size:24px;margin-bottom:8px}.landing-panel p{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.landing-steps{display:flex;flex-direction:column;gap:14px}.landing-step{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:12px;border-radius:14px;background:var(--bg-soft);border:1px solid transparent}.landing-step:hover{border-color:var(--border-active);background:#fff}.step-num{width:36px;height:36px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}.landing-step h4{font-size:14px;font-weight:650;margin-bottom:2px}.landing-step p{margin:0;font-size:13px;color:var(--text-muted)}.landing-orbit{position:absolute;top:8%;right:-4%;bottom:-4%;left:18%;border-radius:32px;background:linear-gradient(145deg,#2563eb1f,#1e3a8a0f);z-index:1}.landing-info{max-width:1120px;margin:0 auto;padding:0 28px 80px}.landing-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-block{padding:28px 24px;border-top:2px solid var(--blue);background:transparent}.info-block h3{font-family:var(--font-display);font-size:22px;margin:10px 0 8px;letter-spacing:-.02em}.info-block p{font-size:14px;color:var(--text-secondary);line-height:1.65}.portal-layout{display:grid;grid-template-columns:248px 1fr;min-height:100vh;background:var(--bg-soft)}.portal-sidebar{background:#fff;border-right:1px solid var(--border-hairline);padding:22px 14px;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;height:100vh}.portal-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px;margin-bottom:10px;border-bottom:1px solid var(--border-hairline)}.portal-brand-title{font-weight:700;font-size:14px;letter-spacing:-.02em}.portal-brand-title span{color:var(--blue)}.portal-brand-sub{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.nav-section-label{font-size:11px;font-weight:600;color:var(--text-muted);font-family:var(--font-mono);padding:8px 10px 6px;letter-spacing:.05em}.nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-weight:500;font-size:13px;font-family:var(--font-main);cursor:pointer;transition:all .2s var(--ease-out);text-align:left;margin-bottom:3px}.nav-item:hover{background:var(--bg-soft);color:var(--text-primary)}.nav-item.active{background:var(--blue-soft);color:var(--blue-deep);border-color:#2563eb2e;font-weight:650}.nav-item-left{display:flex;align-items:center;gap:10px;min-width:0}.nav-item-left span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-main{min-width:0;display:flex;flex-direction:column}.portal-topbar{height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-hairline);position:sticky;top:0;z-index:20}.portal-content{padding:28px;flex:1}.portal-user{display:flex;align-items:center;gap:10px}.portal-avatar{width:36px;height:36px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.hero-banner{padding:28px;border-radius:var(--radius-lg);border:1px solid var(--border-hairline);background:#fff;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.display-title{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--text-primary);letter-spacing:-.025em;line-height:1.15}.metric-card{background:#fff;border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out),box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kanban-col{background:var(--bg-soft);padding:14px;border-radius:var(--radius-lg);border:1px solid var(--border-hairline);min-height:440px;display:flex;flex-direction:column;gap:12px}.kanban-card{background:#fff;padding:14px;border-radius:12px;border:1px solid var(--border-hairline);cursor:grab;box-shadow:var(--shadow-sm);transition:border-color .2s,transform .2s var(--ease-out)}.kanban-card:hover{border-color:var(--blue);transform:translateY(-1px)}.kanban-card.is-new{border-color:var(--blue);background:#f8fbff}[data-theme=admin] .portal-sidebar{background:var(--blue-deep);border-right:none;color:#e8eef8}[data-theme=admin] .portal-brand{border-bottom-color:#ffffff1a}[data-theme=admin] .portal-brand-title,[data-theme=admin] .nav-item{color:#d7e4f5}[data-theme=admin] .portal-brand-title span{color:#93c5fd}[data-theme=admin] .portal-brand-sub,[data-theme=admin] .nav-section-label{color:#8aa4c4}[data-theme=admin] .nav-item:hover{background:#ffffff0f;color:#fff}[data-theme=admin] .nav-item.active{background:#60a5fa2e;border-color:#93c5fd47;color:#fff}[data-theme=admin] .portal-sidebar .btn-outline{color:#e8eef8;border-color:#ffffff2e}[data-theme=admin] .portal-sidebar .btn-outline:hover{background:#ffffff14;border-color:#93c5fd;color:#fff}[data-theme=admin] .portal-user>div:last-child>div:first-child{color:#fff!important}@media (max-width: 960px){.landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:24px}.landing-visual{min-height:auto}.landing-orbit{display:none}.landing-info-grid,.portal-layout{grid-template-columns:1fr}.portal-sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border-hairline)}}