*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#5e6ad2;--primary-hover:#828fff;--primary-focus:#5e69d1;--on-primary:#fff;--ink:#f7f8f8;--ink-muted:#d0d6e0;--ink-subtle:#8a8f98;--ink-tertiary:#62666d;--canvas:#010102;--surface-1:#0f1011;--surface-2:#141516;--surface-3:#18191a;--hairline:#23252a;--hairline-strong:#34343a;--success:#27a644;--warning:#f5a623;--danger:#e5484d;--sponsored:#f5a623;--sponsored-bg:#f5a6231f;--font-display:"Inter", -apple-system, system-ui, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-section:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--shadow-card:0 1px 3px #0000004d, 0 4px 12px #0003;--shadow-elevated:0 4px 24px #0006, 0 1px 3px #0000004d}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-display);color:var(--ink);background-color:var(--canvas);min-height:100vh;font-weight:400;line-height:1.5}a{color:var(--primary);text-decoration:none;transition:color .15s}a:hover{color:var(--primary-hover)}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--surface-1);border-right:1px solid var(--hairline);width:240px;padding:var(--space-lg) 0;z-index:100;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{padding:0 var(--space-lg);margin-bottom:var(--space-xl)}.sidebar-logo h1{letter-spacing:-.4px;color:var(--ink);align-items:center;gap:var(--space-xs);font-size:18px;font-weight:600;display:flex}.sidebar-logo .logo-icon{background:var(--primary);border-radius:var(--radius-md);width:28px;height:28px;color:var(--on-primary);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.sidebar-logo .logo-sub{color:var(--ink-subtle);font-size:11px;font-weight:400;font-family:var(--font-mono);letter-spacing:.3px;margin-top:2px}.sidebar-nav{padding:0 var(--space-sm);flex:1}.sidebar-nav a,.sidebar-nav button{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:var(--ink-subtle);cursor:pointer;letter-spacing:0;background:0 0;border:none;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav a:hover,.sidebar-nav button:hover,.sidebar-nav a.active{color:var(--ink);background:var(--surface-2)}.sidebar-nav .nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:18px}.sidebar-user{padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--hairline);margin-top:auto}.sidebar-user-info{align-items:center;gap:var(--space-sm);display:flex}.sidebar-user-avatar{background:var(--surface-3);width:32px;height:32px;color:var(--ink-muted);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.sidebar-user-name{color:var(--ink-muted);font-size:13px;font-weight:500}.sidebar-user-id{color:var(--ink-tertiary);font-size:11px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:144px;overflow:hidden}.sidebar-auth-btn{width:100%;margin-top:var(--space-sm)}.sidebar-google-button{margin-top:var(--space-sm)}.main-content{padding:var(--space-xl) var(--space-xxl);flex:1;max-width:1100px;margin-left:240px}.auth-page{min-height:100vh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.auth-panel{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--space-xl)}.auth-tabs{gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;padding:4px;display:grid}.auth-tabs button{border-radius:var(--radius-sm);color:var(--ink-subtle);cursor:pointer;font:inherit;background:0 0;border:none;padding:8px 10px;font-size:14px}.auth-tabs button.active{background:var(--surface-2);color:var(--ink)}.mobile-header{background:var(--surface-1);border-bottom:1px solid var(--hairline);height:56px;padding:0 var(--space-md);z-index:90;align-items:center;display:none;position:fixed;top:0;left:0;right:0}.mobile-menu-btn{color:var(--ink);cursor:pointer;padding:var(--space-xs);background:0 0;border:none;font-size:24px}.sidebar-overlay{z-index:99;background:#0009;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-header{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{padding:72px var(--space-md) var(--space-lg);margin-left:0}}.page-header{margin-bottom:var(--space-xl)}.page-header h2{letter-spacing:-.6px;color:var(--ink);font-size:28px;font-weight:600;line-height:1.2}.page-header p{color:var(--ink-subtle);margin-top:var(--space-xs);font-size:16px;line-height:1.5}.page-header-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-xs);font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;padding:8px 14px;font-size:14px;font-weight:500;line-height:1.2;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-focus)}.btn-secondary{background:var(--surface-1);color:var(--ink);border:1px solid var(--hairline)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--hairline-strong)}.btn-danger{color:var(--danger);background:0 0;border:1px solid #e5484d4d}.btn-danger:hover{background:#e5484d1a}.btn-sm{padding:5px 10px;font-size:13px}.btn-lg{padding:12px 20px;font-size:16px}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--hairline-strong)}.card-clickable{cursor:pointer}.card-details{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--hairline)}.detail-grid{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-label{color:var(--ink-tertiary);font-size:11px;font-family:var(--font-mono);margin-bottom:2px;display:block}.detail-value{overflow-wrap:anywhere;min-width:0;color:var(--ink-muted);font-size:13px;display:block}.details-description{color:var(--ink-muted);margin-bottom:var(--space-md);font-size:13px;line-height:1.55}.inline-edit-form{gap:var(--space-sm);grid-template-columns:1fr 1fr 1.2fr;display:grid}.inline-edit-form .form-group{margin-bottom:var(--space-sm)}@media (width<=700px){.detail-grid,.inline-edit-form{grid-template-columns:1fr}}.card-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (width<=768px){.card-grid{grid-template-columns:1fr}}.sub-card{position:relative}.sub-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.sub-card-icon{border-radius:var(--radius-md);background:var(--surface-2);width:40px;height:40px;color:var(--primary);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.sub-card-name{color:var(--ink);letter-spacing:-.2px;font-size:16px;font-weight:600}.sub-card-category{color:var(--ink-subtle);background:var(--surface-2);border-radius:var(--radius-pill);margin-top:var(--space-xxs);font-size:12px;font-weight:500;font-family:var(--font-mono);letter-spacing:.3px;align-items:center;padding:2px 8px;display:inline-flex}.sub-card-price{color:var(--ink);letter-spacing:-.4px;font-size:22px;font-weight:600}.sub-card-price span{color:var(--ink-subtle);font-size:13px;font-weight:400}.sub-card-cycle{color:var(--ink-tertiary);font-family:var(--font-mono);text-align:right;font-size:11px;font-weight:400}.sub-card-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.sub-card-date{color:var(--ink-tertiary);font-size:12px;font-family:var(--font-mono)}.rec-card{position:relative;overflow:hidden}.rec-card.sponsored{border-color:#f5a62340}.rec-card-sponsored-tag{top:var(--space-sm);right:var(--space-sm);color:var(--sponsored);background:var(--sponsored-bg);border-radius:var(--radius-pill);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:600;font-family:var(--font-mono);padding:2px 8px;position:absolute}.rec-card-header{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.rec-card-icon{border-radius:var(--radius-lg);background:var(--surface-2);width:44px;height:44px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.rec-card-info{flex:1;min-width:0}.rec-card-name{color:var(--ink);letter-spacing:-.2px;font-size:16px;font-weight:600}.rec-card-category{color:var(--ink-subtle);font-size:12px;font-family:var(--font-mono);margin-top:2px}.rec-card-reason{color:var(--ink-muted);margin-bottom:var(--space-md);font-size:14px;line-height:1.5}.rec-card-score{align-items:center;gap:var(--space-xs);display:flex}.rec-card-score-bar{background:var(--surface-2);border-radius:2px;flex:1;height:4px;overflow:hidden}.rec-card-score-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.rec-card-score-value{color:var(--primary);font-size:14px;font-weight:600;font-family:var(--font-mono);text-align:right;min-width:38px}.rec-card-source{color:var(--ink-tertiary);margin-top:var(--space-sm);font-size:11px;font-family:var(--font-mono)}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--ink-muted);margin-bottom:var(--space-xs);letter-spacing:.3px;font-size:13px;font-weight:500;display:block}.form-input,.form-select{width:100%;font-family:var(--font-display);color:var(--ink);background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-md);outline:none;padding:10px 14px;font-size:15px;font-weight:400;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus{border-color:var(--primary-focus);box-shadow:0 0 0 2px #5e6ad233}.form-input::placeholder{color:var(--ink-tertiary)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a8f98' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.form-select option{background:var(--surface-1);color:var(--ink)}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000b3;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:480px;margin:var(--space-md);box-shadow:var(--shadow-elevated);animation:.2s slideUp}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal-header h3{letter-spacing:-.3px;font-size:18px;font-weight:600}.modal-close{color:var(--ink-subtle);cursor:pointer;padding:var(--space-xxs);border-radius:var(--radius-sm);background:0 0;border:none;font-size:20px;transition:color .15s}.modal-close:hover{color:var(--ink)}.modal-footer{gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--hairline);justify-content:flex-end;display:flex}.stats-row{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-lg)}.stat-label{color:var(--ink-subtle);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500;font-family:var(--font-mono);margin-bottom:var(--space-xs)}.stat-value{color:var(--ink);letter-spacing:-.6px;font-size:28px;font-weight:600}.stat-value small{color:var(--ink-subtle);font-size:14px;font-weight:400}.empty-state{text-align:center;padding:var(--space-xxl) var(--space-lg)}.empty-state-icon{margin-bottom:var(--space-md);opacity:.5;font-size:48px}.empty-state h3{color:var(--ink);margin-bottom:var(--space-xs);font-size:18px;font-weight:600}.empty-state p{color:var(--ink-subtle);margin-bottom:var(--space-lg);max-width:360px;margin-left:auto;margin-right:auto;font-size:14px}.loading-spinner{padding:var(--space-xxl);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--surface-2);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.toast-container{bottom:var(--space-lg);right:var(--space-lg);z-index:300;gap:var(--space-xs);flex-direction:column;display:flex;position:fixed}.toast{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--ink);box-shadow:var(--shadow-elevated);align-items:center;gap:var(--space-xs);font-size:14px;animation:.3s slideInRight;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-tertiary)}.divider{background:var(--hairline);height:1px;margin:var(--space-lg) 0}.mono{font-family:var(--font-mono)}.text-muted{color:var(--ink-subtle)}.text-center{text-align:center}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}