@font-face{font-family:Linndale Square NF;src:url(/fonts/linndale-square.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--background:#1a1714;--surface:#282321;--surface-elevated:#332e29;--accent:#cc8065;--accent-hover:#d99480;--accent-secondary:#6baf96;--accent-secondary-hover:#82c4ab;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.7);--text-tertiary:hsla(0,0%,100%,.45);--destructive:#d94032;--destructive-hover:#e5564a;--border:hsla(0,0%,100%,.08);--border-focus:#cc8065;--rating-green:#4ebf7a;--rating-yellow:#e0b83a;--rating-red:#e5564a;--corner-radius:14px;--corner-radius-sm:8px;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.3);--shadow-lg:0 8px 24px rgba(0,0,0,.4);--transition-fast:150ms ease;--transition-normal:200ms ease}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--background);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.sidebar{width:260px;min-height:100vh;background:var(--surface);border-right:1px solid var(--border);padding:24px 16px;position:fixed;top:0;left:0;overflow-y:auto}.main-content{margin-left:260px;padding:32px;min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--corner-radius);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--corner-radius-sm);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);line-height:1.4;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--accent-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--accent-secondary-hover)}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-elevated);border-color:var(--text-tertiary)}.btn-danger{background:var(--destructive);color:#fff}.btn-danger:hover:not(:disabled){background:var(--destructive-hover)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px;border-radius:var(--corner-radius)}.btn-icon{padding:8px;border-radius:var(--corner-radius-sm);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--surface-elevated);color:var(--text-primary)}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--corner-radius-sm);font-size:15px;font-family:inherit;color:var(--text-primary);background:var(--surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px hsla(16,50%,60%,.2)}.input:disabled{background:var(--surface-elevated);color:var(--text-tertiary);cursor:not-allowed}textarea.input{resize:vertical;min-height:80px}select.input{-webkit-appearance:none;-moz-appearance:none;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='rgba(255,255,255,0.5)' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:500;line-height:1.4}.badge-source{background:rgba(107,175,150,.15);color:var(--accent-secondary)}.badge-category{background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border)}.badge-rating{font-weight:600;min-width:32px;justify-content:center}.badge-rating-high{background:rgba(78,191,122,.15);color:var(--rating-green)}.badge-rating-medium{background:rgba(224,184,58,.15);color:var(--rating-yellow)}.badge-rating-low{background:rgba(229,86,74,.15);color:var(--rating-red)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:100px;font-size:13px;font-weight:500;background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.chip:hover{background:var(--surface);border-color:var(--text-tertiary)}.chip-active{background:hsla(16,50%,60%,.15);color:var(--accent);border-color:var(--accent)}.chip-active:hover{background:hsla(16,50%,60%,.25)}.error-message{background:rgba(217,64,50,.12);color:#e5564a;border-radius:var(--corner-radius-sm);border:1px solid rgba(217,64,50,.2)}.error-message,.success-message{padding:10px 14px;font-size:14px;margin-bottom:16px}.success-message{background:rgba(78,191,122,.12);color:var(--rating-green);border-radius:var(--corner-radius-sm);border:1px solid rgba(78,191,122,.2)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state h3{margin-bottom:8px}.empty-state p{color:var(--text-secondary);max-width:360px}.divider{height:1px;background:var(--border);margin:16px 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.w-full{width:100%}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}@media (max-width:1024px){.sidebar{width:220px;padding:20px 12px}.main-content{margin-left:220px;padding:24px}}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:16px}.container{padding:0 16px}h1{font-size:1.6rem}h2{font-size:1.3rem}}@media (max-width:480px){body{font-size:14px}.btn-lg{padding:12px 20px;font-size:15px}.card{padding:16px}}