:root{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--bg-hover: #333333;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #707070;--border-color: #3a3a3a;--accent-primary: #4a9eff;--accent-success: #4caf50;--accent-warning: #ff9800;--accent-danger: #f44336}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}html,body{height:100%;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{color:#6bb3ff}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;font-weight:500}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:#3d8eef}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-hover)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:16px;margin-bottom:16px}.card-header{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}input,select,textarea{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:4px;font-size:14px;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary)}input::placeholder{color:var(--text-muted)}.spinner{border:3px solid var(--bg-tertiary);border-top:3px solid var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-success{color:var(--accent-success)}.text-warning{color:var(--accent-warning)}.text-danger{color:var(--accent-danger)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.sprite-icon{background:transparent url(https://templeosrs.com/resources/collection-log/col_log_icons_sprite.png) 0 0 no-repeat scroll;display:inline-block;height:36px;width:36px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background-size:auto}.osrs-sprite-icon{background:transparent url(https://templeosrs.com/resources/collection-log/col_log_icons_sprite.png) 0 0 no-repeat scroll;display:inline-block;height:36px;width:36px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background-size:auto}