.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 15% 20%,rgba(91,79,232,.16),transparent 45%),radial-gradient(circle at 85% 80%,rgba(34,195,166,.14),transparent 45%),var(--color-bg);padding:2rem}.login-card{background:var(--color-surface);padding:2.75rem 2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);width:380px;display:flex;flex-direction:column;gap:.5rem}.login-card h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text)}.login-card .subtitle{margin:0 0 1.25rem;color:var(--color-text-muted);font-size:.92rem}.login-card label{font-size:.78rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.6rem}.login-card input{padding:.65rem .85rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.95rem;font-family:var(--font-body);transition:border-color .15s ease,box-shadow .15s ease}.login-card input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.login-card button[type=submit]{margin-top:1.5rem;padding:.75rem;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-family:var(--font-body);font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 6px 16px #5b4fe84d;transition:transform .12s ease,box-shadow .12s ease}.login-card button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #5b4fe861}.login-card button[type=submit]:disabled{opacity:.6;cursor:default;box-shadow:none}.login-card .error{color:#b3261e;background:var(--status-cancelled-bg);border-radius:var(--radius-sm);padding:.5rem .7rem;font-size:.85rem;margin-top:.5rem}.demo-accounts{margin-top:1.75rem;padding-top:1.1rem;border-top:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-muted)}.demo-accounts p{margin:0 0 .5rem;font-weight:600;color:var(--color-text-faint);text-transform:uppercase;font-size:.7rem;letter-spacing:.05em}.demo-accounts ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.demo-accounts button{background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-primary-dark);cursor:pointer;padding:.4rem .6rem;border-radius:var(--radius-sm);font-size:.8rem;text-align:left;font-family:var(--font-body);font-weight:500;transition:background .12s ease,border-color .12s ease}.demo-accounts button:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.app-shell{display:flex;min-height:100vh;background:var(--color-bg)}.sidebar{width:232px;background:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column;padding:1.5rem 1rem;flex-shrink:0}.brand{font-family:var(--font-display);font-weight:700;font-size:1.15rem;padding:0 .5rem 1.75rem;color:var(--color-sidebar-text-active);display:flex;align-items:center;gap:.5rem}.brand:before{content:"◆";color:var(--color-primary);font-size:.9rem}.sidebar nav{display:flex;flex-direction:column;gap:.2rem}.nav-link{color:var(--color-sidebar-text);text-decoration:none;padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;transition:background .12s ease,color .12s ease}.nav-link:hover{background:#ffffff0f;color:var(--color-sidebar-text-active)}.nav-link.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #5b4fe859}.main-column{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:60px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem}.topbar-role{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--color-primary-dark);background:var(--color-primary-light);padding:.28rem .7rem;border-radius:999px}.topbar-user{display:flex;align-items:center;gap:.9rem;font-size:.9rem;color:var(--color-text);font-weight:500}.topbar-user button{border:1px solid var(--color-border-strong);background:var(--color-surface);padding:.4rem .85rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:600;color:var(--color-text-muted);transition:background .12s ease,border-color .12s ease,color .12s ease}.topbar-user button:hover{background:var(--status-cancelled-bg);border-color:#f0b4b0;color:#b3261e}.content{flex:1;padding:2rem 2.25rem;overflow-y:auto}.page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--color-text-muted);font-family:var(--font-body)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{font-size:1.55rem;font-weight:700;margin:0;color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm)}.btn{border:none;border-radius:var(--radius-sm);padding:.6rem 1.15rem;font-weight:600;font-size:.85rem;font-family:var(--font-body);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #5b4fe847}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #5b4fe859}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface-alt)}table.data-table{width:100%;border-collapse:collapse;font-size:.9rem}table.data-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--color-text-faint);border-bottom:1px solid var(--color-border);padding:.7rem .85rem}table.data-table td{padding:.8rem .85rem;border-bottom:1px solid var(--color-surface-alt);color:var(--color-text)}table.data-table tr:last-child td{border-bottom:none}table.data-table tr:hover td{background:var(--color-surface-alt)}table.data-table a{font-weight:600;text-decoration:none}table.data-table a:hover{text-decoration:underline}.badge{display:inline-block;padding:.22rem .65rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge-draft{background:var(--status-draft-bg);color:var(--status-draft-text)}.badge-in_progress{background:var(--status-progress-bg);color:var(--status-progress-text)}.badge-completed{background:var(--status-completed-bg);color:var(--status-completed-text)}.badge-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text)}.badge-role{background:var(--color-primary-light);color:var(--color-primary-dark)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.1rem;margin-bottom:1.75rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.15rem 1.35rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.stat-card .value{font-family:var(--font-display);font-size:1.85rem;font-weight:700;color:var(--color-text)}.stat-card .label{font-size:.82rem;color:var(--color-text-muted);font-weight:500}.empty-state{color:var(--color-text-muted);font-size:.9rem;padding:2.5rem 0;text-align:center}.notice-banner{background:var(--color-primary-light);border:1px solid #d7d3fb;color:var(--color-primary-dark);border-radius:var(--radius-md);padding:.85rem 1.1rem;font-size:.85rem;font-weight:500;margin-bottom:1.5rem}.stepper{display:flex;flex-direction:column;gap:0}.step{display:flex;gap:.9rem;position:relative;padding-bottom:1.6rem}.step:last-child{padding-bottom:0}.step-marker{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;font-family:var(--font-display);flex-shrink:0;z-index:1}.step-marker.completed{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 3px 10px #5b4fe84d}.step-marker.pending{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);color:var(--color-text-faint)}.step-line{position:absolute;left:14px;top:30px;bottom:0;width:2px;background:var(--color-border)}.step-body{padding-top:.2rem}.step-title{font-weight:600;font-size:.94rem;color:var(--color-text)}.step-meta{font-size:.78rem;color:var(--color-text-muted);margin-top:.1rem}.form-row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-row label{font-size:.78rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.form-row input,.form-row select{padding:.55rem .7rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font-body)}.form-row input:focus,.form-row select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.new-app-form{display:flex;gap:.85rem;margin-bottom:1.5rem}.new-app-form input{flex:1;padding:.6rem .85rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font-body)}.new-app-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.card-title{margin:0 0 1.1rem;font-size:1.02rem;font-weight:700;color:var(--color-text)}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 860px){.detail-grid{grid-template-columns:1fr}}.data-json{font-size:.8rem;white-space:pre-wrap;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.9rem 1rem;color:var(--color-text);font-family:SF Mono,Menlo,monospace}.plain-list{padding-left:1.15rem;font-size:.9rem;color:var(--color-text);margin:0}.plain-list li{margin-bottom:.4rem}:root{--font-display: "Sora", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--color-bg: #f4f5fb;--color-surface: #ffffff;--color-surface-alt: #f8f9fd;--color-border: #e6e8f2;--color-border-strong: #d7dae8;--color-text: #1c1f36;--color-text-muted: #6b7089;--color-text-faint: #9498ac;--color-primary: #5b4fe8;--color-primary-dark: #4438d1;--color-primary-light: #eeecfd;--color-accent: #22c3a6;--color-accent-light: #e3faf5;--color-sidebar-bg: linear-gradient(180deg, #191a34 0%, #14152a 100%);--color-sidebar-text: #b6b8d6;--color-sidebar-text-active: #ffffff;--shadow-sm: 0 1px 2px rgba(24, 24, 60, .05);--shadow-md: 0 4px 16px rgba(30, 26, 90, .08);--shadow-lg: 0 12px 32px rgba(30, 26, 90, .14);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--status-draft-bg: #eef0f6;--status-draft-text: #565a72;--status-progress-bg: #fff2d9;--status-progress-text: #a15c00;--status-completed-bg: #dcf8f0;--status-completed-text: #0d7a5f;--status-cancelled-bg: #fde3e3;--status-cancelled-text: #b3261e}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}a{color:var(--color-primary)}::selection{background:var(--color-primary-light);color:var(--color-primary-dark)}