#view-home{padding:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;height:100%;background:transparent}.dashboard-container{max-width:1420px;margin:0 auto;padding:36px 32px 72px;width:100%;display:flex;flex-direction:column;gap:24px}.dashboard-hero{padding:30px 34px;min-height:132px;display:flex;align-items:center;justify-content:flex-start;gap:0;background:linear-gradient(135deg,#6395ff1f,#8b5cf614,#3bbdf80f);border:1px solid rgba(139,149,255,.18);border-radius:16px;position:relative;overflow:hidden}.dashboard-hero:before{content:"";position:absolute;top:-60%;right:-15%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);pointer-events:none}.dashboard-hero-logo{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width:min(480px,100%);min-width:320px}.dashboard-hero-logo img{display:block;width:100%;max-height:92px;object-fit:contain;object-position:left center}.dashboard-hero-tagline{margin:8px 0 0 86px;color:var(--text-muted);font-size:18px;font-weight:650;line-height:1.25;letter-spacing:0}.dashboard-hero-copy{position:relative;z-index:1;max-width:420px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.dashboard-hero-eyebrow{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.dashboard-hero-copy h1{margin:0;color:var(--text-main);font-size:clamp(24px,2vw,34px);font-weight:750;line-height:1.08;letter-spacing:0}.dashboard-hero-copy p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.5}.dashboard-summary-band{padding:22px;background:color-mix(in srgb,var(--bg-card) 86%,transparent);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:18px}.dashboard-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-summary-header h2{margin:0;color:var(--text-main);font-size:18px;font-weight:700;line-height:1.2}.dashboard-summary-header p{margin:5px 0 0;color:var(--text-muted);font-size:13px;line-height:1.4}.dashboard-summary-grid{display:grid;grid-template-columns:minmax(260px,1.45fr) repeat(2,minmax(0,1fr));gap:12px}.dashboard-summary-stat{position:relative;min-height:104px;padding:17px 18px;background:color-mix(in srgb,var(--bg-muted) 88%,white 12%);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;overflow:hidden}.dashboard-summary-stat--primary{min-height:132px;padding:22px 24px;justify-content:flex-start;background:linear-gradient(135deg,#3b82f624,#ffffff05 58%),color-mix(in srgb,var(--bg-muted) 88%,white 12%);border-color:color-mix(in srgb,var(--primary) 34%,var(--border))}.dashboard-summary-stat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(14,165,233,.08),transparent 58%);opacity:0;transition:opacity .16s ease;pointer-events:none}.dashboard-summary-value,.dashboard-summary-label,.dashboard-summary-note{position:relative;z-index:1}.dashboard-summary-value{color:var(--text-main);font-size:26px;font-weight:750;line-height:1;letter-spacing:0}.dashboard-summary-label{color:var(--text-muted);font-size:13px;line-height:1.25}.dashboard-summary-stat--primary .dashboard-summary-value{margin-top:8px;font-size:clamp(42px,4vw,62px)}.dashboard-summary-stat--primary .dashboard-summary-label{color:var(--text-main);font-size:13px;font-weight:700}.dashboard-summary-note{max-width:260px;color:var(--text-muted);font-size:13px;line-height:1.35}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:24px;align-items:start}.dashboard-side-panel{position:sticky;top:calc(var(--app-header-top, 12px) + var(--header-pill-height, 56px) + 20px);min-height:360px}.dashboard-side-stack{display:flex;flex-direction:column;gap:16px}.dashboard-side-panel .card-header{padding:18px 18px 10px;border-bottom:none}.dashboard-side-panel .feedback-impact-body{padding:14px 18px 18px}.dashboard-pending{display:flex;gap:16px}.pending-indicator{flex:1;display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.pending-indicator:hover{border-color:var(--border-light)}.pending-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.pending-mark .pending-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#a78bfa}.pending-transcribe .pending-icon{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);color:#fbbf24}.pending-queue{flex-direction:column;align-items:stretch;gap:12px}.pending-queue .pending-icon{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);color:#fbbf24}.pending-queue-header{display:flex;align-items:center;gap:14px}.pending-queue-list{display:flex;flex-direction:column;gap:8px;width:100%}.pending-queue-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text-main);text-decoration:none;transition:all .2s ease}.pending-queue-item:hover{border-color:var(--border-light);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.pending-queue-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pending-queue-name{font-size:.9rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-queue-meta{font-size:.75rem;color:var(--text-muted)}.pending-queue-status{padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.pending-queue-status.is-queued{background:#fbbf2433;border-color:#fbbf2459;color:#f59e0b}.pending-queue-status.is-transcribing{background:#38bdf833;border-color:#38bdf859;color:#0ea5e9}.pending-queue-empty{font-size:.85rem;color:var(--text-muted);padding:6px 4px}.pending-queue-more{font-size:.75rem;color:var(--text-muted);padding-left:4px}.pending-time .pending-icon{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#34d399}.pending-content{display:flex;flex-direction:column;gap:1px}.pending-value{font-size:24px;font-weight:700;color:var(--text-main);line-height:1.2}.pending-label{font-size:13px;color:var(--text-muted)}.pending-action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;margin-left:auto;background:linear-gradient(135deg,#fbbf2433,#fbbf241f);border:1px solid rgba(251,191,36,.35);border-radius:8px;color:#fbbf24;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.pending-action-btn:hover{background:linear-gradient(135deg,#fbbf244d,#fbbf2433);border-color:#fbbf2480;transform:translateY(-1px)}.pending-action-btn:active{transform:translateY(0)}.pending-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pending-action-btn.hidden{display:none}.pending-action-btn.is-loading{pointer-events:none}.pending-action-btn.is-loading svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#pending-mark-btn{cursor:pointer;position:relative}#pending-mark-btn:hover{background:var(--bg-hover)}.pending-chevron{margin-left:auto;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}#pending-mark-btn[aria-expanded=true] .pending-chevron{transform:rotate(180deg)}#pending-mark-btn[aria-expanded=true]{border-color:var(--primary);background:var(--primary-glow)}#pending-mark-btn:disabled{cursor:default!important}#pending-mark-btn:disabled .pending-chevron{display:none}#pending-mark-btn:disabled:hover{background:var(--bg-card)}.marking-todo-panel{display:none;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;animation:todoSlideIn .25s ease-out}.marking-todo-panel[aria-hidden=false]{display:flex}@keyframes todoSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.todo-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-muted)}.todo-panel-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-main);margin:0}.todo-panel-title svg{color:var(--primary)}.todo-panel-controls{display:flex;align-items:center;gap:8px}.todo-sort-dropdown{position:relative}.todo-sort-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .15s ease}.todo-sort-btn:hover{border-color:var(--border-light);background:var(--bg-hover)}.todo-sort-btn[aria-expanded=true]{border-color:var(--primary)}.todo-sort-btn svg{color:var(--text-muted);transition:transform .2s ease}.todo-sort-btn[aria-expanded=true] svg{transform:rotate(180deg)}.todo-sort-options{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;padding:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000026;list-style:none;margin:0;z-index:100;display:none}.todo-sort-options.is-open{display:block;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.todo-sort-options li{padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-main);border-radius:6px;cursor:pointer;transition:background .1s ease}.todo-sort-options li:hover{background:var(--bg-hover)}.todo-sort-options li.active{background:var(--primary-glow);color:var(--primary)}.todo-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.todo-close-btn:hover{background:var(--bg-hover);color:var(--text-main)}.todo-panel-list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.todo-panel-list::-webkit-scrollbar{width:6px}.todo-panel-list::-webkit-scrollbar-track{background:transparent}.todo-panel-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.todo-item{display:flex;align-items:center;gap:14px;padding:14px 20px;text-decoration:none;border-bottom:1px solid var(--border);transition:background .15s ease}.todo-item:last-child{border-bottom:none}.todo-item:hover{background:var(--bg-hover)}.todo-item-checkbox{width:20px;height:20px;border:2px solid var(--border-light);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.todo-item:hover .todo-item-checkbox{border-color:var(--primary);background:var(--primary-glow)}.todo-item-check-icon{opacity:0}.todo-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.todo-item-name{font-size:14px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-item-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.todo-item-class{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-muted);border-radius:4px;font-size:11px;font-weight:500}.todo-item-arrow{color:var(--text-muted);flex-shrink:0;opacity:0;transform:translate(-4px);transition:all .15s ease}.todo-item:hover .todo-item-arrow{opacity:1;transform:translate(0)}.todo-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;text-align:center}.todo-panel-empty svg{color:var(--text-muted);opacity:.4}.todo-panel-empty p{font-size:14px;color:var(--text-muted);margin:0}@media(max-width:640px){.todo-panel-header{padding:14px 16px}.todo-item{padding:12px 16px}.todo-sort-btn span{display:none}.todo-sort-btn{padding:8px}.todo-sort-options{right:-40px}}.dashboard-classes-section{display:flex;flex-direction:column;gap:14px}.classes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow-x:visible;padding:0;scrollbar-width:none;perspective:1000px}.classes-grid::-webkit-scrollbar{display:none}.class-card{--card-rx: 0deg;--card-ry: 0deg;--shine-x: 50%;--shine-y: 50%;--shine-opacity: 0;--marble-a-x: 18%;--marble-a-y: 18%;--marble-b-x: 78%;--marble-b-y: 22%;--marble-c-x: 24%;--marble-c-y: 88%;--marble-flow-x: 58%;--marble-flow-y: 52%;--marble-angle: 145deg;--marble-conic-from: 210deg;--marble-tilt: -4deg;--marble-base: #2563eb;--marble-highlight: rgba(226, 241, 255, .92);--marble-wash: rgba(147, 197, 253, .78);--marble-accent: rgba(55, 127, 255, .9);--marble-shadow: rgba(29, 78, 216, .92);--marble-deep: #1d4ed8;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;min-width:0;width:100%;height:140px;padding:18px 20px;background:linear-gradient(var(--marble-angle),var(--marble-base) 0%,var(--marble-accent) 46%,var(--marble-deep) 100%);border:none;border-radius:16px;text-decoration:none;cursor:pointer;transform-style:preserve-3d;transform:perspective(800px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) scale(1);transition:transform .1s ease-out,box-shadow .2s ease-out;box-shadow:0 4px 6px #0000001a,0 10px 20px #00000014,inset 0 1px #fff3,inset 0 0 0 1px #ffffff1a;overflow:hidden;will-change:transform;isolation:isolate}.class-card>*{position:relative;z-index:2}.class-card:before{content:"";position:absolute;top:-34%;right:-34%;bottom:-34%;left:-34%;background:linear-gradient(var(--marble-angle),transparent 0 16%,var(--marble-wash) 27%,transparent 43%),radial-gradient(ellipse 82% 56% at var(--marble-a-x) var(--marble-a-y),var(--marble-highlight) 0 12%,transparent 48%),radial-gradient(ellipse 92% 68% at var(--marble-b-x) var(--marble-b-y),var(--marble-accent) 0 21%,transparent 62%),radial-gradient(ellipse 96% 70% at var(--marble-c-x) var(--marble-c-y),var(--marble-shadow) 0 23%,transparent 64%),conic-gradient(from var(--marble-conic-from) at var(--marble-flow-x) var(--marble-flow-y),var(--marble-highlight) 0deg,var(--marble-wash) 76deg,var(--marble-accent) 154deg,var(--marble-shadow) 238deg,var(--marble-highlight) 360deg);background-blend-mode:screen,soft-light,normal,multiply,normal;filter:blur(18px) saturate(1.12);opacity:.94;pointer-events:none;border-radius:16px;transform:rotate(var(--marble-tilt)) scale(1.12);transform-origin:center;z-index:0}.class-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.26),transparent 34%),radial-gradient(ellipse 95% 52% at 18% 0%,rgba(255,255,255,.24),transparent 58%),radial-gradient(ellipse 90% 68% at 86% 100%,rgba(0,0,0,.2),transparent 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .14'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");background-blend-mode:screen,soft-light,multiply,overlay;opacity:.62;pointer-events:none;z-index:1}.class-card:hover{box-shadow:0 25px 35px #0000001f,0 15px 20px #00000014,inset 0 1px #ffffff40}.class-card:not(:hover){--card-rx: 0deg;--card-ry: 0deg;--shine-opacity: 0;transition:transform .4s ease-out,box-shadow .4s ease-out}.class-card:active{transform:perspective(800px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) scale(.98);transition-duration:.1s}.class-card-add{background:linear-gradient(135deg,#3b82f614,#10b98114),color-mix(in srgb,var(--bg-card) 88%,transparent);border:1px solid var(--border);box-shadow:0 8px 22px #0f172a0f,inset 0 1px #ffffff2e;transform:none}.class-card-add:before,.class-card-add:after{display:none}.class-card-add:hover{background:linear-gradient(135deg,#3b82f61f,#10b9811a),color-mix(in srgb,var(--bg-card) 92%,transparent);border-color:color-mix(in srgb,var(--primary) 40%,var(--border));transform:translateY(-3px);box-shadow:0 14px 30px #0f172a1a,inset 0 1px #ffffff38}.class-card-add:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.class-card-add .class-card-icon{background:linear-gradient(135deg,#10b9812e,#3b82f61f);color:#34d399}.class-card-add .class-card-name{color:var(--text-main);text-shadow:none}.class-card-add .class-card-count{color:var(--text-muted);background:color-mix(in srgb,var(--bg-muted) 72%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}.class-card-icon{position:relative;z-index:2;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:14px;color:#fff;box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3}.class-card-icon .class-card-lucide-icon,.class-card-icon .app-icon:not(.brand-app-icon){width:34px;height:34px}:root[data-theme=light] .class-card:not(.class-card-add) .class-card-icon{background:linear-gradient(145deg,#ffffffeb,#e8f1ffc2);color:color-mix(in srgb,var(--primary) 88%,#0f172a);border:1px solid rgba(255,255,255,.72);box-shadow:0 12px 24px #0f172a29,0 3px 8px #0f172a14,inset 0 1px #ffffffeb}:root[data-theme=light] .class-card:not(.class-card-add) .class-card-icon .brand-app-icon,:root[data-theme=light] .class-card:not(.class-card-add) .class-card-icon .app-icon{color:currentColor;opacity:.96}.class-card-text{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}.class-card-name{position:relative;z-index:2;font-size:15px;font-weight:700;color:#fff;text-align:left;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.15)}.class-card-count{position:relative;z-index:2;font-size:12px;font-weight:500;color:#ffffffd9;background:#ffffff26;padding:4px 10px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.class-card-emoji{font-size:28px;line-height:1}.classes-grid .class-card:not(.class-card-add):nth-child(6n+2){--marble-a-x: 76%;--marble-a-y: 14%;--marble-b-x: 18%;--marble-b-y: 78%;--marble-c-x: 88%;--marble-c-y: 92%;--marble-flow-x: 42%;--marble-flow-y: 34%;--marble-angle: 128deg;--marble-conic-from: 72deg;--marble-tilt: 5deg}.classes-grid .class-card:not(.class-card-add):nth-child(6n+3){--marble-a-x: 32%;--marble-a-y: 10%;--marble-b-x: 90%;--marble-b-y: 64%;--marble-c-x: 14%;--marble-c-y: 92%;--marble-flow-x: 64%;--marble-flow-y: 70%;--marble-angle: 156deg;--marble-conic-from: 148deg;--marble-tilt: -8deg}.classes-grid .class-card:not(.class-card-add):nth-child(6n+4){--marble-a-x: 10%;--marble-a-y: 56%;--marble-b-x: 68%;--marble-b-y: 12%;--marble-c-x: 74%;--marble-c-y: 86%;--marble-flow-x: 28%;--marble-flow-y: 58%;--marble-angle: 138deg;--marble-conic-from: 250deg;--marble-tilt: 7deg}.classes-grid .class-card:not(.class-card-add):nth-child(6n+5){--marble-a-x: 48%;--marble-a-y: 8%;--marble-b-x: 16%;--marble-b-y: 28%;--marble-c-x: 86%;--marble-c-y: 78%;--marble-flow-x: 62%;--marble-flow-y: 38%;--marble-angle: 150deg;--marble-conic-from: 318deg;--marble-tilt: -3deg}.classes-grid .class-card:not(.class-card-add):nth-child(6n){--marble-a-x: 82%;--marble-a-y: 48%;--marble-b-x: 24%;--marble-b-y: 16%;--marble-c-x: 40%;--marble-c-y: 94%;--marble-flow-x: 72%;--marble-flow-y: 44%;--marble-angle: 132deg;--marble-conic-from: 24deg;--marble-tilt: 9deg}.class-card.class-card-blue{--marble-base: #4f93ff;--marble-highlight: rgba(231, 244, 255, .94);--marble-wash: rgba(168, 210, 255, .84);--marble-accent: rgba(56, 132, 246, .9);--marble-shadow: rgba(31, 76, 206, .92);--marble-deep: #1d4ed8}.class-card.class-card-sky{--marble-base: #69d7ff;--marble-highlight: rgba(232, 250, 255, .94);--marble-wash: rgba(159, 226, 255, .84);--marble-accent: rgba(14, 165, 233, .86);--marble-shadow: rgba(3, 105, 161, .88);--marble-deep: #0369a1}.class-card.class-card-teal{--marble-base: #55dfd1;--marble-highlight: rgba(220, 255, 248, .95);--marble-wash: rgba(146, 235, 218, .82);--marble-accent: rgba(20, 184, 166, .88);--marble-shadow: rgba(15, 118, 110, .9);--marble-deep: #0f766e}.class-card.class-card-green{--marble-base: #62e58e;--marble-highlight: rgba(232, 255, 238, .94);--marble-wash: rgba(168, 235, 186, .82);--marble-accent: rgba(34, 197, 94, .88);--marble-shadow: rgba(21, 128, 61, .88);--marble-deep: #15803d}.class-card.class-card-amber{--marble-base: #ffd36a;--marble-highlight: rgba(255, 250, 226, .94);--marble-wash: rgba(255, 225, 159, .84);--marble-accent: rgba(245, 158, 11, .88);--marble-shadow: rgba(180, 83, 9, .82);--marble-deep: #b45309}.class-card.class-card-orange{--marble-base: #ffab63;--marble-highlight: rgba(255, 243, 226, .94);--marble-wash: rgba(255, 207, 158, .84);--marble-accent: rgba(249, 115, 22, .88);--marble-shadow: rgba(194, 65, 12, .82);--marble-deep: #c2410c}.class-card.class-card-pink{--marble-base: #f77fbd;--marble-highlight: rgba(255, 235, 247, .94);--marble-wash: rgba(248, 184, 217, .84);--marble-accent: rgba(236, 72, 153, .9);--marble-shadow: rgba(190, 24, 93, .88);--marble-deep: #be185d}.class-card:not(.class-card-blue):not(.class-card-sky):not(.class-card-teal):not(.class-card-green):not(.class-card-amber):not(.class-card-orange):not(.class-card-pink):not(.class-card-add){--marble-base: #aa93ff;--marble-highlight: rgba(246, 241, 255, .94);--marble-wash: rgba(202, 188, 255, .84);--marble-accent: rgba(139, 92, 246, .9);--marble-shadow: rgba(109, 40, 217, .86);--marble-deep: #6d28d9}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.dashboard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-main);margin:0}.card-title svg{color:var(--text-muted);width:18px;height:18px}.card-link{font-size:13px;font-weight:500;color:var(--primary);text-decoration:none;transition:opacity .15s ease}.card-link:hover{opacity:.8}.dashboard-actions-card .card-header{border-bottom:none;padding-bottom:10px}.quick-actions-list{display:flex;flex-direction:column;gap:6px;padding:0 14px 14px}.quick-action{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;text-decoration:none;transition:background .15s ease}.quick-action:hover{background:var(--bg-hover)}.quick-action-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.quick-action-icon.action-upload{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#60a5fa}.quick-action-icon.action-continue{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#a78bfa}.quick-action-icon.action-prompts{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#34d399}.quick-action-icon.action-workspace{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);color:#fbbf24}.quick-action-text{display:flex;flex-direction:column;gap:1px;min-width:0}.quick-action-title{font-size:14px;font-weight:600;color:var(--text-main)}.quick-action-desc{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-impact-panel{overflow:hidden}.dashboard-impact-panel .card-header{padding:20px 20px 14px;border-bottom:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),transparent 68%),color-mix(in srgb,var(--bg-card) 92%,transparent)}.dashboard-impact-panel .card-title{gap:10px;color:var(--text-main);font-size:17px;font-weight:760;line-height:1.2}.dashboard-impact-panel .card-title svg{color:var(--primary);width:22px;height:22px;padding:3px;border-radius:7px;background:color-mix(in srgb,var(--primary) 14%,transparent)}.dashboard-resource-card{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),transparent 62%),var(--bg-card)}.dashboard-resource-card__body{display:flex;flex-direction:column;gap:10px;padding:18px}.dashboard-resource-card__brand{display:flex;align-items:center;gap:10px}.dashboard-resource-card__brand img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(17,111,255,.28))}.dashboard-resource-card__eyebrow{color:var(--primary);font-size:11px;font-weight:750;letter-spacing:.08em;line-height:1;text-transform:uppercase}.dashboard-resource-card h2{margin:0;color:var(--text-main);font-size:16px;font-weight:720;line-height:1.25}.dashboard-resource-card p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.45}.dashboard-resource-card__link{display:inline-flex;align-items:center;align-self:flex-start;min-height:34px;margin-top:2px;padding:0 14px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--text-main);font-size:12px;font-weight:750;text-decoration:none;text-transform:uppercase;transition:background .16s ease,border-color .16s ease,transform .16s ease}.dashboard-resource-card__link:hover,.dashboard-resource-card__link:focus-visible{border-color:color-mix(in srgb,var(--primary) 52%,var(--border));background:color-mix(in srgb,var(--primary) 16%,transparent);outline:none;transform:translateY(-1px)}.feedback-impact-body{display:flex;flex-direction:column;gap:12px}.feedback-impact-stats-grid{display:grid;grid-template-columns:1fr;gap:14px}.feedback-impact-stat{min-height:112px;padding:16px 17px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--bg-muted) 80%,transparent);display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;gap:12px 14px;min-width:0}.feedback-impact-stat-icon{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,transparent);flex:0 0 auto}.feedback-impact-stat-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.feedback-impact-stat-label{color:var(--text-main);font-size:14px;font-weight:700;line-height:1.2;letter-spacing:0}.feedback-impact-stat-value{grid-column:1 / -1;align-self:end;color:var(--primary);font-size:clamp(24px,3vw,32px);font-weight:780;line-height:1.05;letter-spacing:0;text-align:left;white-space:nowrap}.feedback-impact-stat-unit{color:var(--text-muted);font-size:12px;font-weight:600;line-height:1.25}.feedback-impact-note{margin:0;color:var(--text-muted);font-size:12px;line-height:1.45}.feedback-impact-empty{min-height:230px;margin:0;padding:24px 18px;color:var(--text-muted);font-size:14px;font-weight:500;line-height:1.45;text-align:center;border:1px dashed var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg-muted) 78%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.feedback-impact-empty p{max-width:240px;margin:0}.dashboard-progress{padding:0}.dashboard-progress .card-header{border-bottom:none;padding-bottom:8px}.progress-stats{display:flex;flex-direction:column;gap:10px;padding:0 14px 14px}.progress-stat{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-muted);border-radius:10px;border:1px solid var(--border)}.progress-stat-value{font-size:22px;font-weight:700;color:var(--text-main);line-height:1;min-width:32px}.progress-stat-label{font-size:13px;color:var(--text-muted)}:root[data-theme=light] .dashboard-hero{background:linear-gradient(135deg,#6395ff1a,#8b5cf60f,#3bbdf80a);border-color:#8b95ff38}:root[data-theme=light] .dashboard-hero:before{background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%)}:root[data-theme=light] .pending-indicator:hover{box-shadow:0 8px 24px #0000000f}@media(max-width:900px){.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-hero-logo{width:min(520px,100%);min-width:0}.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-summary-stat--primary{grid-column:span 2}.dashboard-lower-grid{grid-template-columns:1fr}.dashboard-side-panel{position:static;min-height:0}.classes-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-actions-card{grid-column:span 2}.quick-actions-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}}@media(max-width:640px){.dashboard-container{padding:22px 18px 36px;gap:18px}.dashboard-hero{padding:22px;min-height:0;gap:16px}.dashboard-hero-copy h1{font-size:24px}.dashboard-hero-copy p{font-size:13px}.dashboard-summary-band{padding:18px;gap:14px}.dashboard-summary-header{display:block}.dashboard-summary-grid{grid-template-columns:1fr;gap:10px}.dashboard-summary-stat--primary{grid-column:auto;min-height:112px;padding:18px}.dashboard-summary-stat--primary .dashboard-summary-value{font-size:42px}.dashboard-summary-stat{min-height:86px;padding:14px 16px}.dashboard-hero-logo{width:min(430px,100%)}.dashboard-hero-logo img{max-height:68px}.dashboard-hero-tagline{margin-left:0;font-size:15px}.dashboard-pending{flex-direction:column;gap:8px}.pending-indicator{padding:14px 18px}.feedback-impact-stats-grid{grid-template-columns:1fr}.feedback-impact-stat{min-height:92px}.class-card{min-width:220px;width:220px;height:128px}.class-card-icon{width:56px;height:56px}.dashboard-grid{grid-template-columns:1fr}.dashboard-actions-card{grid-column:span 1}.quick-actions-list{grid-template-columns:1fr}.classes-grid{grid-template-columns:1fr;gap:14px;padding:0}.class-card{min-width:100%;width:100%;height:116px;padding:16px 12px;border-radius:14px}.class-card-icon{width:48px;height:48px;border-radius:12px}.class-card-name{font-size:13px;max-width:calc(100vw - 132px)}.class-card-count{font-size:11px;padding:3px 8px}}.dashboard-footer-spacer{height:160px}.dashboard-card,.pending-indicator,.class-card,.quick-action{transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-hero{animation:fadeSlideIn .35s ease-out}.dashboard-pending{animation:fadeSlideIn .35s ease-out 40ms backwards}.dashboard-classes-section{animation:fadeSlideIn .35s ease-out 80ms backwards}.dashboard-grid{animation:fadeSlideIn .35s ease-out .12s backwards}