*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#1f2a1a;-webkit-font-smoothing:antialiased;background:#f5f0e6;min-height:100vh;font-family:Inter,-apple-system,Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.header{z-index:100;background:#fff;border-bottom:2px solid #d8d0bc;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo{color:#1f2a1a;align-items:center;gap:8px;font-size:17px;font-weight:800;display:inline-flex}.logo svg{color:#4a5d23}.nav{gap:22px;display:flex}.nav a{color:#5c6650;border-bottom:2px solid #0000;padding-bottom:2px;font-size:15px;font-weight:600;transition:color .15s}.nav a:hover{color:#4a5d23;border-bottom-color:#8b9d3e}.user-info{align-items:center;gap:14px;font-size:14px;display:flex}.user-name{color:#1f2a1a;font-weight:700}.badge{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#4a5d23;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.btn-logout{color:#1f2a1a;background:0 0;border:1px solid #d8d0bc;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.btn-logout:hover{color:#fff;background:#4a5d23;border-color:#4a5d23}.container{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.page h1{letter-spacing:-.02em;color:#1f2a1a;align-items:center;gap:12px;margin-bottom:16px;font-size:32px;font-weight:800;display:inline-flex}.page h1 svg{color:#4a5d23;width:32px;height:32px}.page p{color:#5c6650;line-height:1.6}.login-page{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px;display:flex}.login-card{background:#fff;border:2px solid #d8d0bc;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 4px 24px #4a5d231a}.login-card h1{text-align:center;color:#1f2a1a;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;font-size:26px;display:flex}.login-card h1 svg{color:#4a5d23;width:28px;height:28px}.login-card .subtitle{text-align:center;color:#5c6650;margin-bottom:28px;font-size:14px}.login-card label{color:#5c6650;text-transform:uppercase;letter-spacing:.08em;margin:16px 0 6px;font-size:12px;font-weight:700;display:block}.login-card input{color:#1f2a1a;background:#fdfbf6;border:1.5px solid #d8d0bc;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.login-card input:focus{background:#fff;border-color:#4a5d23;outline:none}.login-card button[type=submit]{color:#fff;background:#4a5d23;border:none;border-radius:10px;width:100%;margin-top:24px;padding:14px;font-size:15px;font-weight:700;transition:background .15s}.login-card button[type=submit]:hover:not(:disabled){background:#3a4a1a}.login-card button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.login-card .link-btn{color:#4a5d23;cursor:pointer;background:0 0;border:none;width:100%;margin-top:16px;font-size:13px;font-weight:600;text-decoration:underline}.error{color:#b33a3a;text-align:center;background:#fce8e8;border:1.5px solid #e8b5b5;border-radius:10px;margin-top:14px;padding:12px 14px;font-size:13px;font-weight:600}.loading{text-align:center;color:#5c6650;padding:60px;font-size:15px}table{font-family:inherit}tbody tr:hover{background:#fdfbf6}th{font-weight:700}.modal-bg{-webkit-backdrop-filter:blur(4px);z-index:100;background:#1f2a1a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:2px solid #d8d0bc;border-radius:16px;width:100%;max-width:460px;padding:32px;box-shadow:0 20px 60px #1f2a1a4d}.modal h3{color:#1f2a1a;margin-bottom:20px;font-size:22px;font-weight:800}.modal label{color:#5c6650;text-transform:uppercase;letter-spacing:.08em;margin:16px 0 6px;font-size:12px;font-weight:700;display:block}.modal input,.modal select{color:#1f2a1a;background:#fdfbf6;border:1.5px solid #d8d0bc;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px}.modal input:focus,.modal select:focus{background:#fff;border-color:#4a5d23;outline:none}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#4a5d23;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:background .15s}.btn-primary:hover:not(:disabled){background:#3a4a1a}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#1f2a1a;cursor:pointer;background:0 0;border:1.5px solid #d8d0bc;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .15s}.btn-secondary:hover{color:#4a5d23;background:#fdfbf6;border-color:#4a5d23}.wheel-layout{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:48px;display:grid}.wheel-sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:100px}.wheel-sidebar h1{letter-spacing:-.02em;color:#1f2a1a;align-items:center;gap:10px;margin-bottom:4px;font-size:28px;font-weight:800;display:flex}.wheel-main{flex-direction:column;justify-content:flex-start;align-items:center;min-height:600px;display:flex}.mobile-menu-btn{color:#1f2a1a;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .15s;display:none}.mobile-menu-btn:hover{background:#f5f0e6}.mobile-menu-backdrop{z-index:998;background:#1f2a1a80;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-drawer{z-index:999;background:#fff;border-left:2px solid #d8d0bc;flex-direction:column;width:300px;max-width:85vw;transition:transform .25s ease-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #1f2a1a26}.mobile-menu-drawer.open{transform:translate(0)}.mobile-menu-header{border-bottom:1.5px solid #e8e2d0;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.mobile-menu-logo{color:#1f2a1a;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.mobile-menu-logo svg{color:#4a5d23}.mobile-menu-close{color:#5c6650;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px}.mobile-menu-close:hover{background:#f5f0e6}.mobile-menu-user{background:#fdfbf6;border-bottom:1.5px solid #e8e2d0;padding:16px 20px}.mobile-menu-user-name{color:#1f2a1a;align-items:center;gap:8px;margin-bottom:6px;font-size:16px;font-weight:800;display:flex}.mobile-menu-balance{color:#b8860b;background:#fff8e8;border:1.5px solid #f0dca0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.mobile-menu-nav{flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex;overflow-y:auto}.mobile-menu-link{color:#1f2a1a;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;font-size:15px;font-weight:600;transition:all .15s;display:flex}.mobile-menu-link:hover{background:#f5f0e6}.mobile-menu-link.active{color:#fff;background:#4a5d23}.mobile-menu-link svg{color:#4a5d23;flex-shrink:0}.mobile-menu-link.active svg{color:#fff}.mobile-menu-footer{border-top:1.5px solid #e8e2d0;padding:16px 20px}.mobile-menu-logout{color:#b33a3a;cursor:pointer;background:0 0;border:1.5px solid #b33a3a;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.mobile-menu-logout:hover{background:#fce8e8}.books-table-desktop{display:block}.books-cards-mobile{display:none}@media (width<=768px){.mobile-menu-btn{display:flex}.nav-desktop,.user-info-desktop,.books-table-desktop{display:none!important}.books-cards-mobile{flex-direction:column;gap:8px;display:flex!important}.header-inner{gap:12px;padding:12px 16px}.logo{font-size:15px}.container{padding:20px 16px 60px}.page h1{gap:10px;font-size:24px}.page h1 svg{width:24px;height:24px}.wheel-layout{grid-template-columns:1fr!important;gap:24px!important}.wheel-sidebar{position:static!important}.wheel-sidebar h1{font-size:24px}.wheel-main{min-height:auto!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.modal{max-width:100%;padding:24px 20px}.modal h3{font-size:20px}.book-card{background:#fff;border:1.5px solid #d8d0bc;border-radius:10px;padding:12px 14px}.book-card-title{color:#1f2a1a;margin-bottom:2px;font-size:14px;font-weight:700;line-height:1.3}.book-card-author{color:#5c6650;margin-bottom:8px;font-size:11px}.book-card-stats{border-top:1px solid #eee8dc;border-bottom:1px solid #eee8dc;flex-wrap:wrap;gap:12px;margin-bottom:8px;padding:8px 0;font-size:11px;display:flex}.book-card-stat{align-items:center;gap:4px;display:inline-flex}.book-card-stat-label{color:#5c6650;text-transform:uppercase;letter-spacing:.04em;margin-bottom:0;font-size:10px;font-weight:600}.book-card-stat-value{font-size:13px;font-weight:800}.book-card-bets{color:#5c6650;margin-bottom:8px;font-size:10px;line-height:1.3}.book-card-actions{gap:6px;display:flex}.book-card-actions button{padding:8px 12px!important;font-size:12px!important}.stat-grid{grid-template-columns:1fr 1fr!important;gap:16px!important;padding:20px!important}canvas{max-width:100%!important}}@media (width<=480px){.container{padding:16px 12px 48px}.page h1{font-size:22px}.modal{padding:20px 16px}.book-card{padding:10px 12px}}