[data-dashboard]{--background:#f5f5f7;--foreground:#0f172a;--border:#e2e8f0;--muted:#f1f5f9;--muted-foreground:#64748b;--card:#ffffff;--card-foreground:#0f172a;--input:#e2e8f0;--ring:#cbd5e1;--dashboard-card-size:660px;color-scheme:light}[data-dashboard] [type=text],[data-dashboard] input,[data-dashboard] select,[data-dashboard] textarea{border-color:#e2e8f0}[data-dashboard] [type=text]:focus,[data-dashboard] input:focus,[data-dashboard] select:focus,[data-dashboard] textarea:focus{border-color:#cbd5e1;outline:none;box-shadow:0 0 0 2px rgba(148,163,184,.22)}[data-dashboard] .glass-sidebar{background:rgba(255,255,255,.02);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.05)}[data-dashboard] .dashboard-project-grid{max-width:calc(var(--dashboard-card-size) * 4 + 24px * 3)}[data-dashboard] .project-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12)!important;transition:all .2s ease;width:100%;max-width:var(--dashboard-card-size);aspect-ratio:1/1;min-height:0;overflow:hidden}[data-dashboard] .project-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2)!important;transform:translateY(-2px)}[data-dashboard] .new-project-card{border:1px dashed rgba(255,255,255,.25)!important;background:rgba(255,255,255,.02);transition:all .2s ease;cursor:pointer;width:100%;max-width:var(--dashboard-card-size);aspect-ratio:1/1;min-height:0;overflow:hidden}[data-dashboard] .new-project-card:hover{border-color:rgba(59,130,246,.7)!important;background:rgba(59,130,246,.05)}[data-dashboard] .status-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;letter-spacing:.5px}[data-dashboard] .status-draft{background:rgba(255,255,255,.1);color:#9ca3af}[data-dashboard] .status-live{background:rgba(16,185,129,.2);color:#34d399}[data-dashboard] .publish-overlay{backdrop-filter:blur(4px)}[data-dashboard] .magic-modal{position:fixed;inset:0;z-index:100;background-color:#030305;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}[data-dashboard] .magic-modal.active{opacity:1;pointer-events:auto}[data-dashboard] .magic-modal .noise-overlay{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}[data-dashboard] .magic-modal .orb{position:absolute;border-radius:50%;animation:magic-float 10s ease-in-out infinite alternate;z-index:0;filter:blur(100px)}@keyframes magic-float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,40px) scale(1.1)}}[data-dashboard] .magic-modal .super-glass{position:relative;z-index:10;background:rgba(15,15,20,.4);backdrop-filter:blur(40px);border-radius:32px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 0 rgba(255,255,255,.2),0 20px 80px -10px rgba(0,0,0,.6);transition:all .5s cubic-bezier(.4,0,.2,1);transform:scale(.95);opacity:0}[data-dashboard] .magic-modal.active .super-glass{transform:scale(1);opacity:1}[data-dashboard] .magic-modal .super-glass:focus-within{background:rgba(20,20,30,.6);box-shadow:inset 0 0 0 1px rgba(59,130,246,.3),inset 0 1px 0 0 rgba(255,255,255,.3),0 0 60px -10px rgba(59,130,246,.15),0 20px 80px -10px rgba(0,0,0,.8);transform:scale(1.01)}[data-dashboard] .magic-modal textarea{width:100%;height:120px;background:transparent;border:none;outline:none;color:#fff;font-size:1.5rem;line-height:1.6;resize:none;font-weight:300;caret-color:#60a5fa}[data-dashboard] .magic-modal textarea::placeholder{color:rgba(255,255,255,.2)}[data-dashboard] .launch-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 20px rgba(59,130,246,.4);transition:all .3s}[data-dashboard] .launch-btn:hover{transform:scale(1.05) rotate(90deg);box-shadow:0 0 30px rgba(139,92,246,.6)}[data-dashboard] .magic-chip{padding:6px 16px;border-radius:99px;font-size:12px;color:rgba(255,255,255,.5);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .3s}[data-dashboard] .magic-chip:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:white;transform:translateY(-2px)}[data-dashboard] .brand-text{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}