html,body,#root{margin:0;padding:0;min-height:100vh;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#1d4ed8 0,#0b1120 40%,#020617);color:#e5e7eb}.app-root{display:flex;min-height:100vh}.sidebar{display:flex;flex-direction:column;padding:16px 12px;background:linear-gradient(180deg,#f9fafb,#e5e7eb);color:#111827;box-shadow:4px 0 16px #0f172a26;border-right:1px solid rgba(148,163,184,.4);box-sizing:border-box}.sidebar-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:4px 8px}.sidebar-logo-circle{width:32px;height:32px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#38bdf8,#1d4ed8);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#f9fafb;box-shadow:0 0 16px #2563eb66}.sidebar-title{display:flex;flex-direction:column;font-size:13px}.sidebar-app{font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#111827}.sidebar-sub{font-size:11px;color:#6b7280}.sidebar-section-label{margin:4px 4px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-item{width:100%;border-radius:999px;border:1px solid transparent;padding:8px 10px;display:flex;align-items:center;gap:8px;justify-content:flex-start;background:transparent;color:#111827;font-size:13px;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .08s ease}.sidebar-item:hover{background:#e5edff;border-color:#2563eb;transform:translate(1px)}.sidebar-item-active{background:linear-gradient(90deg,#2563eb,#3b82f6);border-color:#2563ebe6;color:#f9fafb;box-shadow:0 10px 25px #2563eb52}.sidebar-item-locked{opacity:.6}.sidebar-icon{flex-shrink:0}.sidebar-lock-icon{margin-left:auto;opacity:.85}.sidebar-resizer{width:4px;cursor:col-resize;background:linear-gradient(to bottom,#2563eb,#22c55e);box-shadow:0 0 0 1px #0f172a80;transition:box-shadow .15s ease,background .15s ease}.sidebar-resizer:hover{box-shadow:0 0 0 2px #bfdbfee6}.sidebar-resizer-active{background:#22c55e;box-shadow:0 0 0 2px #22c55ee6}.app-main{flex:1;display:flex;flex-direction:column;background:radial-gradient(circle at top right,#1e40af 0,#020617 65%);color:#f9fafb;padding:12px 16px;box-sizing:border-box}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-radius:16px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb);color:#111827;box-shadow:0 18px 45px #0f172a40;margin-bottom:14px}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-text{font-size:13px;color:#374151}.btn-primary,.btn-ghost{border-radius:999px;border:1px solid transparent;padding:6px 14px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#f9fafb;box-shadow:0 10px 25px #2563eb80}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 16px 35px #2563ebb3}.btn-ghost{background:transparent;color:#111827;border-color:#9ca3afb3}.btn-ghost:hover{background:#f3f4f6d9}.app-content{flex:1;margin-top:10px;border-radius:18px;background:radial-gradient(circle at top left,#eff6ff 0,#e5e7eb 45%,#d1d5db);padding:12px;box-shadow:0 24px 60px #0f172a66;overflow:hidden;box-sizing:border-box;color:#111827;display:flex;align-items:stretch}.app-content>iframe{flex:1;width:100%;height:100%;border:none;border-radius:14px;background:#fff;box-shadow:0 18px 45px #0f172a29}.module-frame-wrapper{flex:1;display:flex;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 45px #0f172a29}.module-frame-wrapper iframe{flex:1;width:100%;height:100%;border:none}.card{max-width:720px;margin:0 auto;background:#fff;border-radius:18px;padding:24px 24px 18px;box-shadow:0 20px 45px #0f172a1f;border:1px solid rgba(226,232,240,1)}.card-title{font-size:1.8rem;margin-bottom:8px;color:#0f172a}.card-body{margin-bottom:10px;color:#374151}.card-list{margin:0 0 10px 1.2rem;padding:0;color:#4b5563}.card-note{font-size:.9rem;margin-top:10px;color:#6b7280}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;background-color:#e5e7eb;color:#111827}.status-pill-label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.status-pill-value{font-weight:600}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at top,#0f172afa,#0f172afa);z-index:1000}.loading-spinner{width:32px;height:32px;border-radius:999px;border:3px solid rgba(148,163,184,.4);border-top-color:#3b82f6;animation:spin .8s linear infinite;margin-bottom:14px}.loading-text{font-size:.95rem;color:#e5e7eb}@keyframes spin{to{transform:rotate(360deg)}}