:root{color:#0f172a;background-color:#f8fafc;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}:root{--primary:#2563eb;--primary-light:#eff6ff;--secondary:#10b981;--bg-light:#f8fafc;--text-dark:#1e293b;--text-muted:#64748b;--border:#e2e8f0}body{background-color:var(--bg-light);color:var(--text-dark);margin:0;font-family:Inter,system-ui,sans-serif}h1,h2,h3,h4{color:#0f172a;margin:0}.landing-container{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.25rem 1.5rem;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.brand-wrapper-hero{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.hero-logo{filter:drop-shadow(0 10px 15px #0000001a);color:#0f172a}.hero h1{color:#0f172a;margin:0;font-size:2.75rem;font-weight:900;line-height:1.1}.brand-name{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:900}.header-brand-group{cursor:pointer;align-items:center;gap:6px;transition:opacity .2s;display:flex}.header-brand-group:hover{opacity:.8}.header-logo{color:#0f172a;flex-shrink:0}.header-divider{background:var(--border);width:1px;height:24px;margin:0 4px}.hero p{color:var(--text-muted);margin-bottom:1.25rem;font-size:1.05rem}.card-selection{gap:1.5rem;width:100%;max-width:800px;display:flex}.card-selection.single-card{max-width:400px}.card{border:1px solid var(--border);box-sizing:border-box;background:#fff;border-radius:1rem;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-height:290px;padding:1.5rem;display:flex;box-shadow:0 4px 12px #0000000d}.flex-spacer{flex:1}.role-card{cursor:default;text-align:center}.role-card:hover{transform:none;box-shadow:0 4px 12px #0000000d}.icon-wrapper{color:#fff;border-radius:.875rem;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.bg-blue{background:var(--primary)}.bg-green{background:var(--secondary)}.main-menu-history-bar{border:1px solid var(--border);cursor:pointer;width:100%;max-width:800px;color:inherit;text-align:left;box-sizing:border-box;background:#fff;border-radius:1rem;justify-content:space-between;align-items:center;margin-top:1rem;padding:.875rem 1.5rem;font-family:inherit;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000a}.main-menu-history-bar.single-card{max-width:400px}.main-menu-history-bar:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #00000012}.main-menu-history-bar:active{transform:translateY(0)}.history-bar-left{align-items:center;gap:1rem;display:flex}.history-bar-icon-wrap{color:#334155;background:#f1f5f9;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.main-menu-history-bar:hover .history-bar-icon-wrap{color:#0f172a;background:#e2e8f0}.history-bar-text{flex-direction:column;gap:2px;display:flex}.history-bar-title{color:#0f172a;letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.history-bar-desc{color:var(--text-muted);font-size:.85rem}.history-bar-right{color:#94a3b8;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.main-menu-history-bar:hover .history-bar-right{color:#0f172a}.history-bar-arrow{transition:transform .2s}.main-menu-history-bar:hover .history-bar-arrow{transform:translate(3px)}.dashboard-container{max-width:1200px;margin:0 auto;padding:3rem}.header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.header h1{color:#0f172a;margin:0;font-size:2.5rem;font-weight:800}.case-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.case-card{text-align:center;border:1px solid var(--border);background:#fff;border-radius:1.25rem;flex-direction:column;align-items:center;min-height:280px;padding:1.75rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000005}.case-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0000000f}.dashboard-scroll-area{box-sizing:border-box;width:100%;padding:2rem 3rem 3rem}.dashboard-toolbar{z-index:20;background:#f1f5f9;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:1rem 3rem;display:flex;position:sticky;top:0}.sort-group-horizontal{align-items:center;gap:.75rem;display:flex}.label-xs{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.sort-select-mini{border:1px solid var(--border);color:#475569;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .6rem center no-repeat;border-radius:.5rem;padding:.4rem 2.25rem .4rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s}.sort-select-mini:hover{border-color:var(--primary)}.case-count{color:#64748b;font-size:.875rem;font-weight:600}.create-dropdown-wrapper{position:relative}.dropdown-menu{border:1px solid var(--border);z-index:1000;background:#fff;border-radius:.75rem;flex-direction:column;gap:.25rem;width:220px;margin-top:.5rem;padding:.5rem;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px -5px #0000001a}.dropdown-menu:before{content:"";background:0 0;height:1rem;position:absolute;top:-1rem;left:0;right:0}.dropdown-item{color:#475569;cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.dropdown-item:hover{color:var(--primary);background:#f1f5f9}.dropdown-divider{background:var(--border);height:1px;margin:.25rem 0}.cursor-pointer{cursor:pointer}.search-input-wrapper{width:100%;position:relative}.search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input-sidebar{border:1px solid var(--border);box-sizing:border-box;background:#fff;border-radius:.5rem;width:100%;padding:.6rem .75rem .6rem 2.25rem;font-size:.875rem;transition:all .2s}.search-input-sidebar:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.filter-options-row{gap:.4rem;margin-top:.5rem;display:flex}.filter-chip{border:1px solid var(--border);color:#64748b;cursor:pointer;text-align:center;background:#fff;border-radius:.4rem;flex:1;padding:.35rem .5rem;font-size:.75rem;font-weight:600;transition:all .2s}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.case-status-indicator{cursor:pointer;justify-content:center;align-items:center;transition:transform .2s;display:flex}.case-status-indicator:hover{transform:scale(1.1)}.case-actions-row{align-items:center;gap:.25rem;width:100%;margin-top:auto;padding-top:1rem;display:flex}.btn-grow{flex:1}.menu-container{flex-shrink:0;position:relative}.menu-container .btn-icon-sm{width:28px;padding:.4rem .2rem}.card-dropdown-menu{border:1px solid var(--border);z-index:100;background:#fff;border-radius:.75rem;flex-direction:column;gap:.2rem;width:180px;margin-bottom:.5rem;padding:.4rem;display:flex;position:absolute;bottom:100%;right:0;box-shadow:0 10px 25px -5px #0000001a}.diff-1,.diff-1 svg{color:#22c55e!important}.diff-2,.diff-2 svg{color:#84cc16!important}.diff-3,.diff-3 svg{color:#eab308!important}.diff-4,.diff-4 svg{color:#f97316!important}.diff-5,.diff-5 svg{color:#ef4444!important}.star-active{color:inherit!important;fill:currentColor!important}.star-muted{color:#cbd5e1!important;fill:none!important}.text-muted-star{color:#cbd5e1!important}.menu-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.4rem;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.menu-item:hover{color:var(--primary);background:#f1f5f9}.menu-item.text-danger:hover{color:#ef4444;background:#fef2f2}.menu-divider{background:var(--border);height:1px;margin:.2rem 0}.text-green{color:#10b981}.text-danger{color:#ef4444}.scrollable-tags{border:1px solid var(--border);background:#f8fafc;border-radius:.5rem;height:200px;padding:.6rem;overflow-y:auto}.search-input-wrapper-mini{width:100%;position:relative}.search-icon-mini{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.search-input-mini{border:1px solid var(--border);box-sizing:border-box;background:#f8fafc;border-radius:.4rem;width:100%;padding:.35rem .5rem .35rem 1.75rem;font-size:.75rem}.search-input-mini:focus{border-color:var(--primary);background:#fff;outline:none}.btn-link-sm{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.7rem;font-weight:600}.btn-link-sm:hover{text-decoration:underline}.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.filter-option{cursor:pointer;color:#475569;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.filter-option input[type=checkbox]{border:1px solid var(--border);cursor:pointer;border-radius:.25rem;width:1rem;height:1rem}.stars-mini{gap:.1rem;display:flex}.case-header-info{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.25rem;display:flex}.case-type-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:2rem;padding:.25rem .75rem;font-size:.65rem;font-weight:800}.case-type-badge.m-a{color:#7c3aed;background:#f5f3ff}.case-type-badge.profitability{color:#16a34a;background:#f0fdf4}.case-type-badge.market-entry{color:#2563eb;background:#eff6ff}.case-type-badge.opportunity-assessment{color:#ea580c;background:#fff7ed}.case-type-badge.industry-analysis{color:#0d9488;background:#f0fdfa}.case-type-badge.growth-strategy{color:#4f46e5;background:#eef2ff}.case-type-badge.pricing{color:#e11d48;background:#fff1f2}.case-type-badge.other{color:#64748b;background:#f8fafc}.case-difficulty-stars{gap:.1rem;display:flex}.case-info{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.case-info h3{color:#0f172a;margin:.5rem 0;font-size:1.6rem;font-weight:800;line-height:1.2}.case-info p{color:var(--text-muted);margin:0;font-size:.85rem;font-weight:500}.case-tags-mini{flex-wrap:wrap;justify-content:center;gap:.4rem;width:100%;margin:1.25rem 0;display:flex}.tag-pill-mini{color:#64748b;background:#f1f5f9;border-radius:.4rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.case-actions{align-items:center;gap:.75rem;width:100%;margin-top:auto;padding-top:1rem;display:flex}.empty-state-dash{color:#94a3b8;text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:1rem;padding:5rem 0;display:flex}.empty-state-dash .btn{width:auto!important;display:inline-flex!important}.empty-state-large{color:#94a3b8;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:100%;height:100%;padding:2rem;display:flex}.empty-state-large p{margin:0;font-size:1.1rem;font-weight:500}.session-layout{flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.session-top-bar{border-bottom:1px solid var(--border);z-index:100;background:#fff;flex-shrink:0;grid-template-columns:minmax(280px,auto) 1fr minmax(280px,auto);align-items:center;height:64px;padding:0 1.5rem;display:grid;box-shadow:0 2px 4px #00000005}.session-top-bar .left-section{align-items:center;display:flex}.session-top-bar .center-section{text-align:center;justify-content:center;display:flex;overflow:hidden}.session-top-bar .right-section{justify-content:flex-end;align-items:center;display:flex}.case-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:800;overflow:hidden}.session-container-split{flex:1;width:100%;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;gap:1.25rem;width:300px;padding:1.25rem;display:flex;overflow-y:auto}.main-content{background:#f1f5f9;flex:1;position:relative;overflow-y:auto}.main-content-full{background:#f1f5f9;flex:1;overflow-y:auto}.timer-section{border:1px solid var(--border);background:#f8fafc;border-radius:.5rem;align-items:center;gap:.75rem;padding:.3rem .75rem;display:flex}.timer-section.interactive{cursor:pointer;transition:all .2s}.timer-section.interactive:hover{background:var(--primary-light);border-color:var(--primary)}.timer-val{color:#475569;text-align:center;min-width:60px;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700}.timer-actions{align-items:center;gap:.4rem;display:flex}.btn-begin,.btn-pause{background:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:.4rem;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.8rem;font-weight:700;display:flex}.btn-pause{background:#f59e0b}.connectivity-card-sm{color:#1e293b;background:#f0f7ff;border:1px solid #dbeafe;border-radius:.75rem;padding:1rem;box-shadow:0 2px 4px #2563eb0d}.label-sm{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.65rem;font-weight:800}.url-box-sm{border:1px solid var(--border);color:#475569;background:#fff;border-radius:.5rem;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.5rem .75rem;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.status-pill-mini{text-transform:uppercase;letter-spacing:.025em;border-radius:2rem;padding:.2rem .5rem;font-size:.6rem;font-weight:800}.status-pill-mini.waiting{color:#92400e;background:#fef3c7}.status-pill-mini.active{color:#065f46;background:#d1fae5}.section-header-compact{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header-compact h4{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.85rem}.compact-page-nav{background:#f1f5f9;border-radius:.4rem;align-items:center;gap:.4rem;padding:.2rem .4rem;display:flex}.btn-icon-mini{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:.1rem;display:flex}.btn-icon-mini:hover:not(:disabled){color:var(--primary);background:#fff}.mini-indicator{color:#475569;text-align:center;min-width:30px;font-family:monospace;font-size:.7rem;font-weight:800}.page-list.scrollable{flex:1;overflow-y:auto}.page-item-compact{border:1px solid var(--border);cursor:pointer;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;padding:.6rem .75rem;transition:all .2s;display:flex;overflow:hidden}.page-item-compact:hover{border-color:var(--primary);background:#eff6ff}.page-item-compact.active{border-color:var(--primary);background:#eff6ff;border-left-width:4px}.page-item-info{flex:1;min-width:0}.page-title-text{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.85rem;font-weight:500;display:block;overflow:hidden}.btn-reveal-action{border:1px solid var(--border);cursor:pointer;color:#64748b;background:#fff;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;padding:.3rem .6rem;font-size:.7rem;font-weight:700;display:flex}.btn-reveal-action.active{background:var(--primary);color:#fff;border-color:var(--primary)}.slicer-container{z-index:2000;background:#f1f5f9;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.slicer-sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;gap:1.25rem;width:320px;padding:1.25rem;display:flex;overflow-y:auto}.slicer-header h2{margin-top:.5rem;font-size:1.25rem;font-weight:800}.slicer-form{flex-direction:column;gap:1rem;display:flex}.slicer-form .form-group{flex-direction:column;gap:.35rem;display:flex}.slicer-form .form-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:800}.form-row{align-items:flex-start;gap:1rem;display:flex}.flex-2{flex:2}.select-input{border:1px solid var(--border);color:#1e293b;cursor:pointer;background:#fff;border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:.85rem}.star-rating{align-items:center;gap:.2rem;height:34px;display:flex}.star-btn{cursor:pointer;color:#cbd5e1;background:0 0;border:none;padding:.2rem;transition:all .2s}.star-btn:hover{transform:scale(1.1)}.tag-input-wrapper{border:1px solid var(--border);background:#fff;border-radius:.5rem;flex-wrap:wrap;gap:.4rem;padding:.4rem;display:flex}.tag-input-wrapper input{flex:1;min-width:120px;box-shadow:none!important;border:none!important;outline:none!important;padding:.25rem!important;font-size:.85rem!important}.tags-display{flex-wrap:wrap;gap:.35rem;display:flex}.tag-pill{background:var(--primary-light);color:var(--primary);border-radius:2rem;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:flex}.tag-pill button{color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.tag-pill button:hover{opacity:.7}.slicer-form .form-group input[type=text]{border:1px solid var(--border);box-sizing:border-box;background:#fff;border-radius:.5rem;width:100%;padding:.6rem .75rem;font-size:.9rem;transition:all .2s}.slicer-form .form-group input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.range-selector-box{border:1px solid var(--border);box-sizing:border-box;background:#fff;border-radius:.5rem;width:100%;padding:.25rem}.range-selector-compact{align-items:center;gap:.35rem;display:flex}.range-field{border:1px solid var(--border);background:#f8fafc;border-radius:.35rem;flex:1;align-items:center;padding:0 .5rem;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.range-field:focus-within{border-color:var(--primary);background:#fff}.field-label{color:#94a3b8;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin-right:.25rem;font-size:.6rem;font-weight:800}.range-input{text-align:center;color:#1e293b;background:0 0;border:none;width:100%;min-width:0;padding:.35rem .2rem;font-size:.85rem}.range-input:focus{outline:none}.range-input:disabled{cursor:default}.btn-icon-sm{justify-content:center;align-items:center;padding:.35rem;display:flex}.pages-config{flex-direction:column;flex:1;gap:.75rem;display:flex;overflow:hidden}.pages-config.disabled{opacity:.4;pointer-events:none;filter:grayscale()}.config-list{flex:1;padding-right:4px;overflow-y:auto}.config-item{border:1px solid var(--border);cursor:pointer;border-radius:.5rem;margin-bottom:.4rem;padding:.4rem .6rem;transition:all .15s;position:relative}.config-item.active{border-color:var(--primary);background:#eff6ff}.config-item.dropdown-open{z-index:50}.config-row{align-items:center;gap:.5rem;width:100%;display:flex}.hybrid-input-wrapper{border:1px solid var(--border);background:#fff;border-radius:.4rem;flex:1;align-items:center;display:flex;position:relative;overflow:visible}.hybrid-input-wrapper input{box-sizing:border-box;flex:1;width:100%;background:0 0!important;border:none!important;padding:.3rem!important;font-size:.8rem!important}.btn-exhibit-toggle{border:1px solid var(--border);cursor:pointer;color:#94a3b8;background:#fff;border-radius:.3rem;flex-shrink:0;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.btn-exhibit-toggle span{display:inline}.btn-exhibit-toggle.active{border-color:var(--primary);color:#fff;background:var(--primary)}.btn-exhibit-toggle.active:hover{opacity:.9;color:#fff}.btn-exhibit-toggle:hover:not(.active){border-color:var(--primary);color:var(--primary)}.btn-dropdown-trigger{border:none;border-left:1px solid var(--border);color:#94a3b8;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 .4rem;display:flex}.btn-dropdown-trigger:hover{color:var(--primary)}.custom-dropdown-list{border:1px solid var(--border);z-index:1000;background:#fff;border-radius:.5rem;width:max-content;min-width:100%;max-width:210px;max-height:190px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}.custom-dropdown-list.dropup{top:auto;bottom:calc(100% + 4px);box-shadow:0 -10px 25px -5px #00000026,0 -8px 10px -6px #0000001a}.custom-dropdown-list::-webkit-scrollbar{width:4px}.custom-dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.dropdown-opt{color:#334155;cursor:pointer;white-space:nowrap;padding:.45rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s}.dropdown-opt:hover{color:var(--primary);background:#eff6ff}.slicer-preview{background:#f1f5f9;flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.preview-nav{border-bottom:1px solid var(--border);z-index:10;background:#fff;flex-shrink:0;justify-content:center;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;font-size:.9rem;display:flex}.preview-page-input{color:#475569;align-items:center;gap:.5rem;font-weight:600;display:flex}.preview-page-input input{text-align:center;border:1px solid var(--border);width:40px;color:var(--primary);background:#f8fafc;border-radius:.3rem;padding:.25rem;font-weight:800}.preview-scroll-container{flex-direction:column;flex:1;align-items:center;padding:2rem;display:flex;overflow-y:auto}.preview-canvas-wrapper{background:#fff;border-radius:.25rem;padding:.5rem;position:relative;box-shadow:0 20px 25px -5px #0000001a}.btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;display:inline-flex}.btn-primary,.btn-secondary,.btn-purple{color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:100%;padding:.8rem;font-size:1rem;display:flex}.btn-primary{background:var(--primary)}.btn-secondary{background:var(--secondary)}.btn-purple{background:#9333ea}.btn-purple:hover{color:#fff;background:#7e22ce}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:#475569;background:0 0}.btn-ghost:hover{background:var(--border);color:var(--primary)}.btn-sm{padding:.4rem .8rem;font-size:.875rem}.btn-block{justify-content:center;width:100%}.join-input-group{flex-direction:column;gap:1rem;width:100%;margin-top:auto;display:flex}.join-input-home{text-align:center;box-sizing:border-box;color:#0f172a;background:#f8fafc;border:2px solid #f1f5f9;border-radius:.75rem;width:100%;padding:1rem;font-family:monospace;font-size:1.1rem;transition:all .2s}.join-input-home.input-error{background:#fef2f2;border-color:#ef4444}.pdf-container-vertical{box-sizing:border-box;flex-direction:column;align-items:center;gap:3rem;width:100%;padding:2rem 1rem;display:flex}.caser-page-wrapper{width:100%;scroll-margin-top:2rem}.pdf-viewer-wrapper{background:#fff;justify-content:center;align-items:flex-start;width:100%;min-height:200px;display:flex;position:relative;overflow:hidden}.pdf-canvas{max-width:100%;height:auto}.pdf-loading-overlay{z-index:10;color:var(--primary);border:1px solid var(--primary-light);pointer-events:none;background:#ffffffe6;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001a}.error-overlay{color:#dc2626;text-align:center;background:#fef2f2;justify-content:center;align-items:center;padding:1rem;font-size:.875rem;display:flex;position:absolute;inset:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin!important}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;background:#0f172ab3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.import-form{background:#fff;border-radius:1.25rem;flex-direction:column;gap:1.5rem;width:100%;max-width:500px;padding:2rem;display:flex;box-shadow:0 25px 50px -12px #00000040}.import-form h2{color:#0f172a;font-size:1.5rem;font-weight:800}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-actions{justify-content:flex-end;gap:1rem;margin-top:.5rem;display:flex}.hint-xs{color:var(--text-muted);font-size:.75rem;line-height:1.4}.status-text{font-weight:600;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}textarea{border:1px solid var(--border);resize:vertical;border-radius:.5rem;padding:.75rem}textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.history-list{flex-direction:column;gap:.5rem;display:flex}.history-row{border:1px solid var(--border);background:#fff;border-radius:.75rem;flex-direction:column;align-items:stretch;gap:.5rem;padding:.875rem 1.25rem;transition:box-shadow .15s;display:flex}.history-row:hover{box-shadow:0 2px 8px #0000000f}.history-row-main{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.history-notes-banner{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;font-size:.825rem;transition:all .15s;display:flex}.history-notes-banner:hover{background:#f1f5f9;border-color:#cbd5e1}.history-notes-label{color:#475569;flex-shrink:0;font-weight:700}.history-notes-text{color:#334155;white-space:pre-wrap;word-break:break-word;flex:1;line-height:1.4}.history-notes-edit-btn{color:var(--primary);flex-shrink:0;margin-left:auto;padding:2px 6px;font-size:.75rem}.history-notes-empty{opacity:.65;border-style:dashed;padding:.4rem .75rem}.history-notes-empty:hover{opacity:1}.history-notes-add-hint{color:var(--text-muted);font-size:.8rem;font-style:italic}.history-row-left{flex:1;align-items:center;gap:1.5rem;min-width:0;display:flex}.history-col-status{flex-shrink:0;width:80px}.history-col-title{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.history-col-partner{width:140px;color:var(--text-muted);flex-shrink:0;font-size:.85rem}.history-col-duration{width:90px;color:var(--text-muted);flex-shrink:0;font-size:.85rem}.history-row-right{flex-shrink:0}.history-date-text{color:var(--text-muted);font-size:.85rem}.history-outcome-pill{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-align:center;border-radius:2rem;flex-shrink:0;width:100%;padding:.2rem .55rem;font-size:.65rem;font-weight:800}.history-case-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.history-casebook-text{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.meta-item-with-icon{align-items:center;gap:5px;display:flex}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-options{flex-direction:column;gap:.4rem;display:flex}.search-section{flex-direction:column;gap:.5rem;display:flex}.build-hub-container{box-sizing:border-box;flex:1;width:100%;max-width:1080px;margin:0 auto;padding:2.5rem 2rem;overflow-y:auto}.build-hub-header{text-align:center;margin-bottom:2.5rem}.build-hub-title{color:#0f172a;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.build-hub-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.build-hub-section-title{color:#0f172a;margin:0 0 1rem;font-size:1.25rem;font-weight:800}.build-hub-sections{align-items:stretch;gap:2rem;margin-bottom:2.5rem;display:flex}.build-hub-section-single{flex-direction:column;flex:1;min-width:0;display:flex}.build-hub-section-single .build-hub-card{flex:1}.build-hub-vertical-divider{background:#cbd5e1;flex-shrink:0;align-self:stretch;width:1.5px;margin:0 .25rem}.build-hub-section-duo{flex-direction:column;flex:2;min-width:0;display:flex}.build-hub-section-duo-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;display:grid}@media (width<=960px){.build-hub-sections{flex-direction:column;gap:1.5rem}.build-hub-vertical-divider{width:100%;height:1.5px;margin:.5rem 0}.build-hub-section-duo-grid{grid-template-columns:1fr}}.build-hub-card{border:1px solid var(--border);box-sizing:border-box;background:#fff;border-radius:1.25rem;flex-direction:column;padding:2rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 15px #00000008}.build-hub-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0000000f}.build-hub-card-title-row{align-items:center;gap:.85rem;margin-bottom:1rem;display:flex}.build-hub-card-title-row h3{color:#0f172a;margin:0;font-size:1.3rem;font-weight:800;line-height:1.25}.build-hub-icon-inline{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.build-hub-icon-inline.blue{color:var(--primary);background:#eff6ff}.build-hub-icon-inline.green{color:var(--secondary);background:#f0fdf4}.build-hub-icon-inline.purple{color:#9333ea;background:#faf5ff}.build-hub-card-desc{color:var(--text-muted);flex:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.build-hub-card-action{margin-top:auto}.btn-ghost-border{border:1px solid var(--border);color:#334155;cursor:pointer;background:#fff;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-ghost-border:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.build-hub-export-section{margin-top:1rem}.build-hub-horizontal-divider{background:#cbd5e1;width:100%;height:1.5px;margin:.5rem 0 1.5rem}.build-hub-export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;margin-bottom:2rem;display:grid}@media (width<=960px){.build-hub-export-grid{grid-template-columns:1fr}}.breadcrumb-nav{align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.breadcrumb-muted{color:var(--text-muted)}.breadcrumb-active{color:#0f172a}.bulk-csv-container{box-sizing:border-box;width:100%;max-width:860px;margin:0 auto;padding:2.5rem 1.5rem}.bulk-header-intro{margin-bottom:2rem}.bulk-header-title{color:#0f172a;margin:0 0 .5rem;font-size:1.6rem;font-weight:800}.bulk-header-subtitle{color:#64748b;max-width:720px;margin:0;font-size:.95rem;line-height:1.5}.bulk-step-card{border:1px solid var(--border);background:#fff;border-radius:1.25rem;margin-bottom:1.5rem;padding:1.75rem;box-shadow:0 4px 15px #00000005}.bulk-step-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.step-num-pill{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.file-dropzone-box{border:2px dashed var(--border);text-align:center;cursor:pointer;background:#f8fafc;border-radius:.75rem;padding:1.5rem;transition:all .2s}.file-dropzone-box:hover{border-color:var(--primary);background:#eff6ff}.file-dropzone-box.has-file{border-color:var(--secondary);background:#f0fdf4}.csv-metadata-guide-box{border:1px solid var(--border);background:#f8fafc;border-radius:.75rem;margin-bottom:.85rem;padding:.85rem 1rem}.prompt-preview-container{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.prompt-pre-text{border:1px solid var(--border);color:#1e293b;white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:.5rem;max-height:280px;margin:0;padding:.85rem 1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.78rem;line-height:1.5;overflow-y:auto}.prompt-pre-text::-webkit-scrollbar{width:4px}.prompt-pre-text::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.csv-format-hint{border:1px solid var(--border);background:#f8fafc;border-radius:.5rem;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.78rem}.csv-format-code{color:#1e293b;word-break:break-all;font-family:monospace;font-size:.76rem}.build-hub-reset-section{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.build-hub-reset-text h4{color:#dc2626;margin:0 0 .25rem;font-size:.95rem;font-weight:700}.build-hub-reset-text p{color:#64748b;margin:0;font-size:.82rem}.btn-reset-library{border-radius:.5rem;align-items:center;gap:.4rem;font-weight:600;transition:all .2s;display:inline-flex;color:#dc2626!important;background:#fef2f2!important;border:1px solid #fecaca!important;padding:.5rem 1rem!important}.btn-reset-library:hover{color:#b91c1c!important;background:#fee2e2!important;border-color:#f87171!important}.connection-peers-box{border:1px solid var(--border);cursor:pointer;border-radius:.375rem;align-items:center;gap:.4rem;margin-top:.5rem;padding:.35rem .6rem;font-size:.75rem;transition:all .2s;display:flex}.connection-peers-box:hover{filter:brightness(.97);transform:translateY(-1px)}.connection-peers-box.active{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.connection-peers-box.waiting{color:#94a3b8;background:#fff;border-color:#e2e8f0}.connection-peers-list{flex-direction:column;gap:.35rem;margin-top:.5rem;display:flex}.connection-peer-item{border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:.375rem;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.775rem;transition:all .15s;display:flex}.connection-peer-item:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.connection-peer-item.waiting{cursor:pointer;background:#f8fafc;border-color:#e2e8f0}.connection-peer-item.waiting:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.peer-item-left{align-items:center;gap:.5rem;min-width:0;display:flex}.peer-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.peer-item-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.peer-item-ping{color:#64748b;background:#f1f5f9;border-radius:.25rem;flex-shrink:0;padding:.15rem .4rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.btn-copy-invite{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-family:inherit;font-size:.725rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-copy-invite:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.btn-copy-invite.copied{color:#166534;background:#f0fdf4;border-color:#86efac}.connection-health-pill,.peer-status-pill{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.2rem .55rem;font-family:inherit;font-size:.7rem;font-weight:500;transition:all .15s;display:inline-flex}.connection-health-pill{cursor:pointer}.connection-health-pill:hover{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.connection-health-pill.healthy,.peer-status-pill.healthy{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.connection-health-pill.healthy:hover{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.connection-health-pill.warning,.peer-status-pill.warning{color:#854d0e;background:#fefce8;border-color:#fef08a}.connection-health-pill.danger,.peer-status-pill.danger{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.connection-health-pill.failed,.peer-status-pill.failed{color:#991b1b;background:#fef2f2;border-color:#fecaca}.connection-health-pill.waiting,.peer-status-pill.waiting{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.health-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.btn-faded-dev{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.35rem;padding:.3rem .6rem;font-family:inherit;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-faded-dev:hover{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.network-diag-card{border:1px solid var(--border);box-sizing:border-box;background:#fff;border-radius:1rem;flex-direction:column;gap:1.15rem;width:100%;max-width:620px;padding:1.5rem;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.diag-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.diag-peer-tabs{background:#f1f5f9;border-radius:.5rem;align-items:center;gap:.4rem;padding:.35rem;display:flex;overflow-x:auto}.diag-peer-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.4rem;padding:.35rem .7rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.diag-peer-tab:hover{color:#334155;background:#e2e8f0}.diag-peer-tab.active{color:#0f172a;background:#fff;border-color:#cbd5e1;font-weight:600;box-shadow:0 1px 2px #0000000d}.diag-peer-tab-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.diag-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=500px){.diag-grid{grid-template-columns:repeat(4,1fr)}}.diag-kpi{border:1px solid var(--border);background:#f8fafc;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.65rem .8rem;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.68rem;font-weight:600}.kpi-val{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700}.diag-meta-section{border:1px solid var(--border);color:var(--text-main);background:#f8fafc;border-radius:.5rem;flex-direction:column;gap:.35rem;padding:.75rem 1rem;font-size:.825rem;display:flex}.diag-meta-section code{background:#e2e8f0;border-radius:.25rem;padding:.15rem .4rem;font-family:monospace;font-size:.8rem}.diag-logs-header{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:.25rem;font-size:.75rem;font-weight:700;display:flex}.diag-log-box{color:#e2e8f0;background:#0f172a;border-radius:.5rem;flex-direction:column;gap:.25rem;max-height:160px;padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.5;display:flex;overflow-y:auto}.diag-log-row{word-break:break-all;gap:.5rem;display:flex}.log-time{color:#64748b;flex-shrink:0}.log-cat{flex-shrink:0;font-weight:600}.cat-signaling{color:#38bdf8}.cat-ice{color:#a78bfa}.cat-data{color:#4ade80}.cat-latency{color:#facc15}.cat-error{color:#f87171}.log-msg{color:#f1f5f9}.diag-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.diag-advanced-toggle{border:1px solid var(--border);color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border-radius:.5rem;justify-content:space-between;align-items:center;width:100%;padding:.65rem .85rem;font-family:inherit;transition:all .15s;display:flex}.diag-advanced-toggle:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.diag-advanced-content{flex-direction:column;gap:.75rem;animation:.15s ease-out diagFadeIn;display:flex}@keyframes diagFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.connection-steps-container{text-align:left;flex-direction:column;gap:.75rem;width:100%;max-width:440px;margin:1.5rem 0;display:flex}.connection-step-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.875rem;padding:.65rem .85rem;transition:all .2s;display:flex}.connection-step-row.completed{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.connection-step-row.active{color:#1e40af;background:#eff6ff;border-color:#bfdbfe;box-shadow:0 1px 3px #2563eb1a}.connection-step-row.pending{color:#94a3b8;opacity:.65}.step-badge{color:#475569;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.connection-step-row.completed .step-badge{color:#fff;background:#22c55e}.connection-step-row.active .step-badge{color:#fff;background:#2563eb}.connection-step-row.failed{color:#991b1b;background:#fef2f2;border-color:#fecaca}.connection-step-row.failed .step-badge{color:#fff;background:#ef4444}.step-info{flex-direction:column;gap:.1rem;display:flex}.step-title{font-size:.85rem;font-weight:600}.diagnostic-advice-box{text-align:left;color:#881337;background:#fff1f2;border:1px solid #fecdd3;border-radius:.625rem;margin-bottom:1.25rem;padding:1rem 1.15rem;font-size:.85rem;line-height:1.5}.diagnostic-advice-box p{margin-bottom:.5rem}.diagnostic-advice-box ul{margin:.4rem 0 0 1.25rem;padding:0}.diagnostic-advice-box li{margin-bottom:.25rem}