*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020617;color:#e5e7eb}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.shell-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.shell-card{background:radial-gradient(circle at top,#1f2937 0,#020617 60%);border-radius:16px;padding:32px 28px;width:100%;max-width:460px;box-shadow:0 24px 80px #0f172ae6;border:1px solid rgba(148,163,184,.2)}.shell-login-card{text-align:left}.shell-logo{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#a5b4fc;font-weight:600;margin-bottom:8px}.shell-title{margin:0;font-size:26px;font-weight:700;color:#f9fafb}.shell-subtitle{margin:8px 0 24px;font-size:14px;color:#9ca3af}.shell-form{display:flex;flex-direction:column;gap:16px}.shell-field{display:flex;flex-direction:column;gap:6px;font-size:14px}.shell-field span{color:#e5e7eb}.shell-field input{padding:10px 12px;border-radius:8px;border:1px solid #4b5563;background:#020617;color:#f9fafb;outline:none;font-size:14px}.shell-field input:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f180}.shell-error{padding:8px 10px;border-radius:8px;background:#ef44441f;color:#fecaca;font-size:13px}.shell-button-primary,.shell-button-ghost{border-radius:999px;padding:8px 18px;font-size:14px;border:1px solid transparent;cursor:pointer;transition:background .15s,transform .05s,border-color .15s}.shell-button-primary{background:linear-gradient(135deg,#4f46e5,#14b8a6);color:#f9fafb;font-weight:600;width:100%;margin-top:4px}.shell-button-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.shell-button-ghost{background:transparent;color:#e5e7eb;border-color:#4b5563}.shell-button-ghost:hover{background:#020617}.shell-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,#111827 0,#020617 60%)}.shell-header{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(55,65,81,.9);background:#0f172af5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.shell-header-left{display:flex;flex-direction:column;gap:2px}.shell-header-title{font-size:16px;font-weight:600;color:#f9fafb}.shell-header-right{display:flex;align-items:center;gap:10px}.shell-user-label{font-size:13px;color:#9ca3af}.shell-main{flex:1;padding:24px;max-width:1200px;width:100%;margin:0 auto}.shell-section h2{margin:0 0 4px;font-size:20px}.shell-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.shell-proto-card{text-align:left;background:#0f172ae6;border-radius:14px;padding:16px;border:1px solid rgba(55,65,81,.9);cursor:pointer;transition:transform .06s ease-out,box-shadow .12s ease-out,border-color .15s ease-out;color:inherit}.shell-proto-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0f172acc;border-color:#6366f1}.shell-proto-label{font-size:15px;font-weight:600;margin-bottom:8px;color:#e5e7eb}.shell-proto-meta{font-size:12px;color:#9ca3af}.shell-page-full{background:#020617}.shell-main-full{padding:12px;max-width:100%}.shell-iframe-wrapper{width:100%;height:calc(100vh - 76px);border-radius:12px;overflow:hidden;border:1px solid #111827;background:#020617}.shell-iframe{width:100%;height:100%;border:none;background:#020617}