:root{--bg-primary: var(--color-background-light, #1a1f2e);--bg-secondary: var(--color-background-light, #1a1f2e);--text-primary: var(--color-text, #f5f5f5);--text-secondary: var(--color-text-secondary, #e5e7eb);--border-color: var(--color-border, rgba(250, 204, 21, .2));--primary: var(--color-primary, #facc15);--secondary: var(--color-secondary, #8fb8ff);--accent: var(--color-accent, #a78bfa);--success: var(--color-success, #22c55e);--warning: var(--color-warning, #f59e0b);--error: var(--color-error, #ef4444);--info: var(--color-info, #3b82f6);--card-bg: var(--color-card-bg, rgba(250, 204, 21, .05));--card-border: var(--color-card-border, rgba(250, 204, 21, .3));--background: var(--color-background, #0f1419);--background-light: var(--color-background-light, #1a1f2e);--background-dark: var(--color-background-dark, #0a0e13);--color-bg-primary: var(--color-background, #0f1419);--color-bg-secondary: var(--color-background-light, #1a1f2e);--color-text-primary: var(--color-text, #f5f5f5);--color-text-secondary: var(--color-text-secondary, #9ca3af)}html,body,#root{background:var(--color-background, #0f1419);color:var(--color-text, #f5f5f5);transition:background-color .3s ease,color .3s ease}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}.btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:1rem;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid #1e40af;outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280}.btn-secondary:hover{background:#4b5563}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626}.btn-success{background:#22c55e}.btn-success:hover{background:#16a34a}.btn-sm{padding:6px 12px;font-size:.875rem}.btn-lg{padding:12px 24px;font-size:1.125rem}body.keyboard-nav *:focus{outline:2px solid #3b82f6;outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:#3b82f6;color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}a:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-background-light, #1a1f2e);color:var(--color-text, #f5f5f5);border-radius:8px;z-index:1000;box-shadow:0 20px 25px -5px #00000080;border:1px solid var(--color-border, rgba(250, 204, 21, .2))}.modal-sm{width:400px}.modal-md{width:600px}.modal-lg{width:800px}@media(max-width:768px){.modal-sm,.modal-md,.modal-lg{width:90vw;max-height:90vh}}.modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:999}[aria-invalid=true]{border-color:#ef4444!important}[aria-invalid=true]:focus-visible{outline-color:#ef4444}@media(prefers-contrast:more){.btn{border:2px solid currentColor}:focus-visible{outline-width:3px;outline-offset:3px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){.sr-only{background:#111827;color:#f5f5f5}.skip-link{background:#3b82f6;color:#fff}}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:600;color:var(--color-text, #f5f5f5)}.input-group input{width:100%;padding:8px 12px;font-size:.875rem;border:1px solid var(--color-border, rgba(250, 204, 21, .2));border-radius:6px;background:var(--color-background-light, #1a1f2e);color:var(--color-text, #f5f5f5);transition:all .2s ease}.input-group input:focus-visible{outline:2px solid var(--color-primary, #facc15);border-color:var(--color-primary, #facc15)}.input-group input[aria-invalid=true]{border-color:#ef4444}[role=status],[role=alert]{position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner{animation:spin 1s linear infinite}.skeleton{animation:pulse 1.5s ease-in-out infinite}button,a[role=button],[role=button]{-webkit-user-select:none;user-select:none}@media(max-width:768px){button,a,input[type=button],input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}}table{border-collapse:collapse;width:100%}th{text-align:left;padding:12px;border-bottom:2px solid var(--color-border, rgba(250, 204, 21, .2));font-weight:600;background:var(--color-background-light, #1a1f2e)}td{padding:12px;border-bottom:1px solid var(--color-border-light, rgba(250, 204, 21, .1))}tr:hover{background:var(--color-background-light, #1a1f2e)}.card{background:var(--color-card-bg, rgba(250, 204, 21, .05));color:var(--color-text, #f5f5f5);border:1px solid var(--color-card-border, rgba(250, 204, 21, .3));border-radius:8px;box-shadow:0 1px 3px #0000004d;overflow:hidden}.card:focus-within{box-shadow:0 0 0 3px #3b82f61a}.card header{padding:16px;border-bottom:1px solid #e5e7eb}.card header h2{margin:0;font-size:1.25rem;font-weight:600}.card body{padding:16px}.card footer{padding:12px 16px;border-top:1px solid #e5e7eb;background:var(--color-background-light, #1a1f2e)}@media(max-width:768px){button,a,input,select,textarea,.btn,[role=button]{min-height:44px!important;min-width:44px!important;padding:12px 16px!important;font-size:16px!important}.header{flex-direction:column!important;align-items:stretch!important;padding:.5rem!important;gap:.5rem!important}.header .btn{width:100%;justify-content:center}.header>div:first-child{text-align:center;font-size:1.1rem!important;padding:.5rem}nav[role=navigation]{width:100%;flex-direction:column!important;gap:.25rem!important}nav[role=navigation]>div,nav[role=navigation]>a{width:100%}nav[role=navigation] a{display:flex;align-items:center;justify-content:center;padding:12px!important;font-size:14px!important;border-radius:8px;transition:background-color .2s ease}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{font-size:16px!important;padding:12px!important;width:100%!important}.modal,.overlay{width:95vw!important;max-width:95vw!important;max-height:90vh!important;overflow-y:auto!important;padding:1rem!important}table{display:block;overflow-x:auto;white-space:nowrap}.grid,[class*=grid-]{grid-template-columns:1fr!important}.sidebar,[class*=sidebar]{width:100%!important;max-width:100%!important;position:static!important}.novel-sidebar,.chapter-sidebar,.world-sidebar,.editor-sidebar,.library-sidebar{display:block!important;visibility:visible!important;position:static!important;width:100%!important}.card{padding:1rem!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}h4{font-size:1.1rem!important}h5{font-size:1rem!important}h6{font-size:.9rem!important}p,li,span{font-size:14px!important;line-height:1.6!important}}@media(max-width:768px){.campaign-container{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;padding:.5rem!important}.campaign-main{order:1}.campaign-sidebar{order:2;width:100%!important;max-width:100%!important;min-width:100%!important;margin-top:1rem}.campaign-sidebar-tabs{display:none!important}.campaign-mobile-tabs{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-mobile-bottom-nav, 100);display:flex;gap:0;background:var(--color-bg-primary, #0f1419);border-top:1px solid var(--color-border, rgba(255, 255, 255, .1));padding:6px 8px;padding-bottom:calc(6px + var(--safe-area-bottom, 0px))}.campaign-mobile-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--mobile-touch-small, 44px);border-radius:var(--mobile-radius-sm, 8px);background:transparent;border:none;color:var(--color-text-secondary, #a0a0a0);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--mobile-transition-base, .2s)}.campaign-mobile-tab-btn.active{color:var(--color-primary, #8b5cf6);background:#8b5cf614}.campaign-mobile-tab-btn span{font-size:16px;margin-bottom:2px}.campaign-sidebar-content{padding-bottom:calc(72px + var(--safe-area-bottom, 0px))!important}.chat-container{height:400px!important;max-height:50vh!important}textarea[placeholder*=Say],textarea[placeholder*=message]{min-height:80px!important}.campaign-chatbox{position:sticky!important;bottom:0!important;left:0;right:0;background:var(--color-bg-elevated, #1a1f2e)!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:var(--mobile-space-sm, 12px)!important;gap:var(--mobile-space-sm, 12px)!important;z-index:var(--z-mobile-bottom-nav, 100)}}@media(max-width:768px){.map-editor-container{flex-direction:column!important;padding:.5rem!important;width:100%!important;overflow-x:visible!important}.map-editor-toolbar{display:flex!important;flex-direction:column!important;gap:.5rem!important;padding:.5rem!important;width:100%!important;overflow-x:visible!important;order:1!important}.map-editor-toolbar>div{width:100%!important}.map-editor-toolbar button{width:100%!important;min-width:100%!important;font-size:14px!important;padding:12px!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important}div[style*="position: absolute"][style*="top: 8"][style*="right: 8"]{position:sticky!important;top:0!important;left:0!important;right:auto!important;width:100%!important;background:#0f0f12f2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:8px!important;z-index:100!important;margin-bottom:8px!important;overflow-x:auto!important;overflow-y:visible!important;flex-wrap:nowrap!important;border-bottom:1px solid #333!important}div[style*="position: absolute"][style*="top: 8"][style*="left: 8"]{position:relative!important;top:auto!important;left:auto!important;width:100%!important;background:#0f0f12f2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:8px!important;margin-bottom:8px!important;overflow-x:auto!important;overflow-y:visible!important;flex-wrap:nowrap!important;border-radius:8px!important;border:1px solid #333!important}div[style*="position: absolute"] button{flex-shrink:0!important;white-space:nowrap!important;min-width:auto!important}.map-editor-categories{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;justify-content:flex-start!important;flex-wrap:nowrap!important;padding:4px 8px!important;scrollbar-width:thin}.map-editor-categories>*{flex:0 0 auto!important}div[style*="Tip:"]{display:none!important}.tile-dropdown,div[style*="gridTemplateColumns: repeat(6, 1fr)"]{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90vw!important;max-width:400px!important;max-height:70vh!important;overflow-y:auto!important;z-index:9999!important;background:var(--color-background, #1a1a2e)!important;border:2px solid var(--color-primary, #8b5cf6)!important;border-radius:12px!important;padding:1rem!important}.tile-grid,div[style*=gridTemplateColumns][style*="gap: 8"]{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))!important;gap:8px!important}.tile-option{width:60px!important;height:60px!important}.map-canvas-container,div[style*=canvasShellStyle]{order:3!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;position:relative!important}canvas{max-width:none!important;height:auto!important;touch-action:pan-x pan-y pinch-zoom!important}input[name=name],input[placeholder*=map],label:has(input[value*=""]){font-size:16px!important;width:100%!important}div[style*="display: flex"][style*="gap: 12"][style*="alignItems: center"]{flex-direction:column!important;align-items:stretch!important}.dnd-composer{position:sticky!important;bottom:0!important;background:var(--color-bg-elevated, #1a1f2e)!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-bottom:calc(var(--mobile-space-sm, 12px) + var(--safe-area-bottom, 0px))!important;margin-bottom:0!important;z-index:var(--z-mobile-bottom-nav, 100)}div[style*="display: flex"][style*="gap: 12"][style*="alignItems: center"] label,div[style*="display: flex"][style*="gap: 12"][style*="alignItems: center"]>div{width:100%!important}.map-editor-actions,div[style*="display: flex"][style*="justifyContent: flex-end"]{order:4!important;display:flex!important;gap:.5rem!important;width:100%!important;flex-direction:row!important}.map-editor-actions button,div[style*="display: flex"][style*="justifyContent: flex-end"] button{flex:1!important}}@media(max-width:768px){.novel-container{padding:.5rem!important;display:flex!important;flex-direction:column!important}.novel-sidebar,.chapter-sidebar{position:static!important;width:100%!important;max-width:100%!important;margin-bottom:1rem!important;order:1!important}.novel-main-content{order:2!important;width:100%!important}.chapter-list{max-height:200px!important;overflow-y:auto!important}.prose-content{font-size:14px!important;padding:1rem!important}.novel-actions{display:flex!important;flex-direction:column!important;gap:.5rem!important}.novel-actions button{width:100%!important}}@media(max-width:768px){.world-container{padding:.5rem!important;display:flex!important;flex-direction:column!important}.world-sidebar{position:static!important;width:100%!important;max-width:100%!important;margin-bottom:1rem!important;order:1!important}.world-main{order:2!important;width:100%!important}.world-grid{grid-template-columns:1fr!important}.entity-card{padding:1rem!important}.world-actions{display:flex!important;flex-direction:column!important;gap:.5rem!important}.world-actions button{width:100%!important}}@media(max-width:768px){.character-builder{padding:.5rem!important}.ability-scores{grid-template-columns:repeat(2,1fr)!important}.stat-block{font-size:12px!important}}@media(max-width:768px){.tabs{flex-direction:row!important;overflow-x:auto!important;gap:.25rem!important}.tab{flex:0 0 auto!important;min-width:100px!important;font-size:13px!important;padding:8px 12px!important}}@media(max-width:768px){::-webkit-scrollbar{width:8px!important;height:8px!important}::-webkit-scrollbar-track{background:#0003!important}::-webkit-scrollbar-thumb{background:var(--color-primary, #8b5cf6)!important;border-radius:4px!important}}@media(max-width:768px){body,html{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}*{max-width:100vw!important;box-sizing:border-box!important}img{max-width:100%!important;height:auto!important}}@media(max-height:768px)and (orientation:landscape){.header{padding:.25rem!important}.header>div:first-child{font-size:.9rem!important}.mobile-nav-drawer{padding:.5rem!important}}@media(max-width:400px){button,.btn{font-size:14px!important;padding:10px 12px!important}.header>div:first-child{font-size:1rem!important}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))!important}.tile-option{width:50px!important;height:50px!important}}@media(max-width:768px){div[style*="padding:16"]{padding:.5rem!important}.row{flex-direction:column!important;gap:1rem!important}.card.sidebar{width:100%!important;max-width:100%!important;margin-bottom:1rem!important}.card.grow{width:100%!important}.card.sidebar ul{max-height:200px!important;overflow-y:auto!important}ul[style*=maxHeight]{max-height:200px!important}div[style*=borderBottom]{overflow-x:auto!important;display:flex!important;gap:.5rem!important;flex-wrap:nowrap!important}button[onClick*=setActiveTab]{flex:0 0 auto!important;min-width:100px!important;white-space:nowrap!important}textarea{font-size:16px!important;min-height:200px!important}.token-display,div[style*=token]{font-size:12px!important;padding:.5rem!important}.card button{width:100%!important;margin-bottom:.5rem!important}.row button{flex:1!important;min-width:0!important}}@media(max-width:768px){div[style*="padding:16"].row{flex-direction:column!important;padding:.5rem!important}.card.sidebar{width:100%!important;max-width:100%!important;margin-bottom:1rem!important;order:1!important}.card.grow{width:100%!important;order:2!important}.card.sidebar ul{max-height:200px!important;overflow-y:auto!important}.card.sidebar ul li,.card.sidebar ul li button{width:100%!important}.card .row{flex-direction:column!important;gap:.5rem!important}.card .row button,.card .row a{width:100%!important;flex:none!important}li[style*="display:flex"]{flex-direction:column!important;gap:.5rem!important}li[style*="display:flex"] .row{width:100%!important;flex-direction:row!important}li[style*="display:flex"] .row button{flex:1!important}ul[style*="listStyle:none"]{max-height:400px!important}li[style*="display:flex"]>div:first-child{width:100%!important}input[type=file]{width:100%!important;font-size:14px!important}pre{font-size:14px!important;max-height:300px!important;overflow-y:auto!important}.row[style*="justifyContent:space-between"]{flex-direction:row!important}.row[style*="justifyContent:space-between"]>.row{flex-direction:column!important;flex:1!important}.row[style*="justifyContent:space-between"]>.row input{width:100%!important}}@media(max-width:768px){.cover-designer-container{padding:.5rem!important;display:flex!important;flex-direction:column!important}.cover-designer-form{width:100%!important;margin-bottom:1rem!important}.cover-designer-form input{width:100%!important;font-size:16px!important}.cover-preview{width:100%!important;max-width:100%!important;margin:0 auto!important}.cover-preview img{width:100%!important;height:auto!important;max-width:400px!important;margin:0 auto!important;display:block!important}.cover-designer-actions{display:flex!important;flex-direction:column!important;gap:.5rem!important;margin-top:1rem!important}.cover-designer-actions button{width:100%!important}}@media(max-width:768px){.expansions-container{padding:.5rem!important}.expansions-header{margin-bottom:1rem!important}.expansions-grid{grid-template-columns:1fr!important;gap:1rem!important}.expansion-card{padding:1rem!important;width:100%!important}.expansion-card h3{font-size:1.1rem!important}.expansion-card p{font-size:14px!important}.expansion-actions{display:flex!important;flex-direction:column!important;gap:.5rem!important;margin-top:1rem!important}.expansion-actions button{width:100%!important}.worlds-list{display:flex!important;flex-direction:column!important;gap:.5rem!important}.world-item{width:100%!important;padding:.75rem!important}}@media(max-width:768px){.admin-container{padding:.5rem!important}.admin-panel{width:100%!important}.admin-table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.admin-table{min-width:600px!important}.admin-actions{display:flex!important;flex-direction:column!important;gap:.5rem!important}.admin-actions button{width:100%!important}}@media(max-width:768px){.container,.page-container,[class*=-container]{max-width:100vw!important;overflow-x:hidden!important}.modal,.dialog,.popup{max-width:95vw!important;left:50%!important;transform:translate(-50%)!important}button,.btn,a.btn{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}button.wrap-text,.btn.wrap-text{white-space:normal!important;word-wrap:break-word!important}div[role=group][aria-label="Brush tools"]{order:-1!important;margin:0 0 12px!important;flex-direction:row!important;flex-wrap:wrap!important;width:100%!important;justify-content:flex-start!important}div[role=group][aria-label="Brush tools"] button{flex:0 0 auto!important;min-width:80px!important;font-size:13px!important;padding:8px 12px!important}}@media(max-width:768px){.btn[style*="zIndex: 1000"]{z-index:80!important;bottom:calc(70px + var(--safe-area-bottom, 0px))!important}}:root{--mobile-space-xs: 8px;--mobile-space-sm: 12px;--mobile-space-md: 16px;--mobile-space-lg: 24px;--mobile-space-xl: 32px;--mobile-space-2xl: 48px;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right);--mobile-touch-min: 48px;--mobile-touch-small: 44px;--mobile-touch-large: 56px;--mobile-radius-sm: 8px;--mobile-radius-md: 12px;--mobile-radius-lg: 16px;--mobile-radius-xl: 20px;--mobile-radius-full: 9999px;--z-mobile-fab: 90;--z-mobile-bottom-nav: 100;--z-mobile-header: 100;--z-mobile-drawer: 1000;--z-mobile-sheet: 1001;--z-mobile-overlay: 999;--mobile-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--mobile-transition-base: .2s cubic-bezier(.4, 0, .2, 1);--mobile-transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}@media(max-width:768px){.mobile-h1{font-size:24px;line-height:1.2;font-weight:700;margin:0}.mobile-h2{font-size:20px;line-height:1.3;font-weight:600;margin:0}.mobile-h3{font-size:18px;line-height:1.4;font-weight:600;margin:0}.mobile-body{font-size:16px;line-height:1.6;font-weight:400}.mobile-small{font-size:14px;line-height:1.5;font-weight:400}.mobile-caption{font-size:12px;line-height:1.4;font-weight:400;color:var(--color-text-secondary, #cbd5e1)}}@media(max-width:768px){button,.btn,[role=button]{min-height:var(--mobile-touch-min);min-width:var(--mobile-touch-min);padding:14px 20px;font-size:16px;border-radius:var(--mobile-radius-sm);transition:all var(--mobile-transition-base)}.icon-button,button.icon-button{width:var(--mobile-touch-min);height:var(--mobile-touch-min);padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--mobile-radius-sm)}.primary-action,button.primary-action{min-height:var(--mobile-touch-large);padding:16px 24px;font-size:16px;font-weight:600}a{min-height:var(--mobile-touch-small);display:inline-flex;align-items:center}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select,textarea{min-height:var(--mobile-touch-min);padding:12px 16px;font-size:16px;border-radius:var(--mobile-radius-sm)}}@media(max-width:768px){.mobile-vh-100{height:100vh;height:100dvh}.mobile-safe-top{padding-top:var(--safe-area-top)}.mobile-safe-bottom{padding-bottom:var(--safe-area-bottom)}.mobile-safe-left{padding-left:var(--safe-area-left)}.mobile-safe-right{padding-right:var(--safe-area-right)}.mobile-safe-all{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.mobile-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-no-scroll-x{overflow-x:hidden;max-width:100vw}.mobile-sticky-top{position:sticky;top:0;z-index:var(--z-mobile-header)}.mobile-sticky-bottom{position:sticky;bottom:0;z-index:var(--z-mobile-bottom-nav)}}@media(max-width:768px){.mobile-p-xs{padding:var(--mobile-space-xs)}.mobile-p-sm{padding:var(--mobile-space-sm)}.mobile-p-md{padding:var(--mobile-space-md)}.mobile-p-lg{padding:var(--mobile-space-lg)}.mobile-p-xl{padding:var(--mobile-space-xl)}.mobile-px-xs{padding-left:var(--mobile-space-xs);padding-right:var(--mobile-space-xs)}.mobile-px-sm{padding-left:var(--mobile-space-sm);padding-right:var(--mobile-space-sm)}.mobile-px-md{padding-left:var(--mobile-space-md);padding-right:var(--mobile-space-md)}.mobile-px-lg{padding-left:var(--mobile-space-lg);padding-right:var(--mobile-space-lg)}.mobile-py-xs{padding-top:var(--mobile-space-xs);padding-bottom:var(--mobile-space-xs)}.mobile-py-sm{padding-top:var(--mobile-space-sm);padding-bottom:var(--mobile-space-sm)}.mobile-py-md{padding-top:var(--mobile-space-md);padding-bottom:var(--mobile-space-md)}.mobile-py-lg{padding-top:var(--mobile-space-lg);padding-bottom:var(--mobile-space-lg)}.mobile-m-xs{margin:var(--mobile-space-xs)}.mobile-m-sm{margin:var(--mobile-space-sm)}.mobile-m-md{margin:var(--mobile-space-md)}.mobile-m-lg{margin:var(--mobile-space-lg)}.mobile-m-xl{margin:var(--mobile-space-xl)}.mobile-gap-xs{gap:var(--mobile-space-xs)}.mobile-gap-sm{gap:var(--mobile-space-sm)}.mobile-gap-md{gap:var(--mobile-space-md)}.mobile-gap-lg{gap:var(--mobile-space-lg)}}@media(max-width:768px){.mobile-flex{display:flex}.mobile-flex-col{display:flex;flex-direction:column}.mobile-flex-row{display:flex;flex-direction:row}.mobile-flex-center{display:flex;align-items:center;justify-content:center}.mobile-flex-between{display:flex;justify-content:space-between}.mobile-flex-around{display:flex;justify-content:space-around}.mobile-flex-1{flex:1}.mobile-items-center{align-items:center}.mobile-justify-center{justify-content:center}}@media(max-width:768px){.mobile-fade-in{animation:mobileFadeIn var(--mobile-transition-base) ease}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}.mobile-slide-up{animation:mobileSlideUp var(--mobile-transition-slow) ease}@keyframes mobileSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-slide-down{animation:mobileSlideDown var(--mobile-transition-slow) ease}@keyframes mobileSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.mobile-scale-in{animation:mobileScaleIn var(--mobile-transition-base) ease}@keyframes mobileScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.mobile-active-scale:active{transform:scale(.95)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){@media(prefers-color-scheme:dark){body{background-color:#0a0e14;color:#f1f5f9}}}:root{--primary-dark: #0F1419;--secondary-dark: #1A1F2E;--tertiary-dark: #252E45;--gold-primary: #D4AF37;--gold-bright: #E8C547;--gold-dark: #B8963C;--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--border-color: #2E3648;--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--info-color: #3B82F6;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--bg-0: var(--primary-dark);--bg-1: var(--secondary-dark);--bg-2: var(--tertiary-dark);--color-bg-primary: var(--color-bg-primary, var(--bg-0));--color-bg-secondary: var(--color-bg-secondary, var(--bg-1));--color-text-primary: var(--color-text, var(--text-primary));--color-text-secondary: var(--color-text-secondary, var(--text-secondary));--color-border: var(--color-border, var(--border-color))}body.ui-v2{--color-bg-primary: var(--bg-0);--color-bg-secondary: var(--bg-1)}body.theme-high-contrast{--color-text: #ffffff;--color-text-primary: #ffffff;--color-text-secondary: #e5e7eb;--color-border: rgba(255, 255, 255, .35);--color-border-light: rgba(255, 255, 255, .2)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:var(--line-height-tight);margin:0 0 var(--spacing-lg) 0}h1{font-size:var(--font-size-4xl);color:var(--gold-primary)}h2{font-size:var(--font-size-3xl);color:var(--gold-primary)}h3{font-size:var(--font-size-2xl);color:var(--gold-bright)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-lg) 0}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-left{text-align:left}@media(max-width:768px){h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}p{font-size:15px;line-height:1.6}}.btn{font-family:inherit;border:none;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}.btn-sm{padding:8px 12px;font-size:12px;border-radius:4px;min-height:36px}.btn-md{padding:10px 20px;font-size:14px;border-radius:6px;min-height:40px}.btn-lg{padding:12px 28px;font-size:16px;border-radius:8px;min-height:48px}.btn-fluid{width:100%}@media(max-width:768px){.btn-sm{min-height:44px;padding:12px 16px;font-size:14px}.btn-md{min-height:48px;padding:14px 24px;font-size:15px}.btn-lg{min-height:52px;padding:16px 32px;font-size:17px}}.btn-primary{background-color:var(--gold-primary);color:var(--primary-dark);font-weight:600;box-shadow:0 2px 8px #0000004d}.btn-primary:hover:not(:disabled){background-color:var(--gold-bright);box-shadow:0 0 12px #e8c54780,0 2px 8px #0000004d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--gold-dark);box-shadow:inset 0 2px 4px #0000004d,0 0 12px #d4af374d;transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--gold-primary);border:2px solid var(--gold-primary);font-weight:600;box-shadow:0 2px 8px #0003}.btn-secondary:hover:not(:disabled){background-color:#d4af371a;box-shadow:0 0 12px #d4af374d,0 2px 8px #0003}.btn-secondary:active:not(:disabled){background-color:var(--gold-primary);color:var(--primary-dark);box-shadow:inset 0 2px 4px #0000004d}.btn-tertiary{background-color:transparent;color:var(--text-secondary);border:none;box-shadow:none}.btn-tertiary:hover:not(:disabled){background-color:#d4af371a;color:var(--gold-primary)}.btn-tertiary:active:not(:disabled){background-color:#d4af3733;color:var(--gold-primary)}.btn-destructive{background-color:var(--error-color);color:#fff;font-weight:600;box-shadow:0 2px 8px #0000004d}.btn-destructive:hover:not(:disabled){background-color:#dc2626;box-shadow:0 0 12px #ef444466,0 2px 8px #0000004d;transform:translateY(-1px)}.btn-destructive:active:not(:disabled){background-color:#b91c1c;box-shadow:inset 0 2px 4px #0000004d;transform:translateY(0)}.btn-success{background-color:var(--success-color);color:#fff;font-weight:600;box-shadow:0 2px 8px #0000004d}.btn-success:hover:not(:disabled){background-color:#059669;box-shadow:0 0 12px #10b98166,0 2px 8px #0000004d;transform:translateY(-1px)}.btn-success:active:not(:disabled){background-color:#047857;box-shadow:inset 0 2px 4px #0000004d;transform:translateY(0)}.card{background-color:var(--secondary-dark);border-radius:8px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.card-elevated{border:1px solid rgba(212,175,55,.2);box-shadow:0 4px 12px #0006}.card-elevated:hover{border-color:#d4af3766;box-shadow:0 8px 20px #00000080}.card-outlined{background-color:transparent;border:2px solid var(--gold-primary);box-shadow:none}.card-outlined:hover{box-shadow:0 0 16px #d4af3733}.card-interactive{border:1px solid var(--border-color);box-shadow:0 4px 12px #0000004d;cursor:pointer}.card-interactive:hover{border-color:var(--gold-primary);transform:translateY(-2px);box-shadow:0 8px 20px #0006,0 0 12px #d4af3733}.card-interactive:active{transform:translateY(0);box-shadow:0 4px 12px #0000004d}.card-flat{background-color:#d4af370d;border:1px solid var(--border-color);box-shadow:none}.card-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header-icon{font-size:24px;flex-shrink:0}.card-header-text{flex:1;min-width:0}.card-header-title{font-size:18px;font-weight:600;color:var(--gold-primary);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis}.card-header-subtitle{font-size:12px;font-weight:400;color:var(--text-tertiary);margin:0;line-height:1.4}.card-header-actions{display:flex;gap:8px;flex-shrink:0}.card-content{padding:24px}.card-content>*+*{margin-top:12px}.card-footer{padding:24px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end}.card-empty{text-align:center;padding:48px 24px;color:var(--text-tertiary)}.card-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.card-empty-title{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.card-empty-text{font-size:14px;line-height:1.6;margin:0 0 16px}@media(max-width:768px){.card{border-radius:6px;margin-bottom:12px}.card-header{padding:16px;flex-direction:row;gap:12px}.card-header-icon{font-size:20px}.card-header-title{font-size:16px}.card-content,.card-footer{padding:16px}.card-content>*+*{margin-top:16px}.card-empty{padding:32px 16px}.card-empty-icon{font-size:36px}}.scroll-container{display:flex;gap:var(--spacing-lg);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gold-primary) var(--primary-dark);padding:var(--spacing-sm) 0;position:relative}.scroll-container::-webkit-scrollbar{height:6px}.scroll-container::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:3px}.scroll-container::-webkit-scrollbar-thumb{background:var(--gold-primary);border-radius:3px}.scroll-container::-webkit-scrollbar-thumb:hover{background:var(--gold-bright)}.scroll-item{scroll-snap-align:start;flex-shrink:0}.scroll-container-wrapper{position:relative;overflow:hidden}.scroll-container-wrapper:before,.scroll-container-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}.scroll-container-wrapper:before{left:0;background:linear-gradient(to right,var(--primary-dark),transparent)}.scroll-container-wrapper:after{right:0;background:linear-gradient(to left,var(--primary-dark),transparent)}.scroll-container-wrapper.has-scroll-left:before{opacity:1}.ios-momentum{-webkit-overflow-scrolling:touch}.scroll-container-wrapper.has-scroll-right:after{opacity:1}.grid-container{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(max-width:768px){.grid-container{grid-template-columns:1fr;gap:var(--spacing-md)}.scroll-container{gap:var(--spacing-md);padding:var(--spacing-xs) 0}}.action-toolbar{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.action-toolbar-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.action-toolbar-overflow{display:none}@media(max-width:768px){.action-toolbar-buttons .btn-secondary,.action-toolbar-buttons .btn-tertiary{display:none}.action-toolbar-overflow{display:block}}.overflow-menu-trigger{position:relative}.overflow-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--secondary-dark);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000080;min-width:200px;max-width:280px;z-index:1000;opacity:0;pointer-events:none;transform:translateY(-8px);transition:all .2s cubic-bezier(.4,0,.2,1)}.overflow-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.overflow-menu-list{list-style:none;margin:0;padding:var(--spacing-sm)}.overflow-menu-item{margin:0}.overflow-menu-item button,.overflow-menu-item a{width:100%;text-align:left;padding:12px 16px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;border-radius:var(--radius-md);transition:all .15s ease;display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.overflow-menu-item button:hover,.overflow-menu-item a:hover{background-color:#d4af371a;color:var(--gold-bright)}.overflow-menu-item button:active,.overflow-menu-item a:active{background-color:#d4af3733}.overflow-menu-divider{height:1px;background-color:var(--border-color);margin:var(--spacing-sm) var(--spacing-md)}.bottom-sheet-overlay{position:fixed;inset:0;background-color:#0009;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease}.bottom-sheet-overlay.open{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background-color:var(--secondary-dark);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:0 -4px 24px #00000080;z-index:1001;max-height:80vh;overflow:hidden;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{width:40px;height:4px;background-color:var(--text-tertiary);border-radius:2px;margin:12px auto 8px;opacity:.5}.bottom-sheet-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.bottom-sheet-title{font-size:18px;font-weight:600;color:var(--gold-primary);margin:0}.bottom-sheet-close{background:transparent;border:none;color:var(--text-tertiary);font-size:24px;cursor:pointer;padding:var(--spacing-sm);line-height:1;transition:color .15s ease}.bottom-sheet-close:hover{color:var(--text-primary)}.bottom-sheet-content{padding:var(--spacing-lg);overflow-y:auto;max-height:calc(80vh - 120px)}.bottom-sheet-actions{padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md)}.action-list{list-style:none;margin:0;padding:0}.action-list-item{margin:0}.action-list-item button,.action-list-item a{width:100%;text-align:left;padding:16px;background:var(--primary-dark);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;margin-bottom:var(--spacing-sm);min-height:52px}.action-list-item button:hover,.action-list-item a:hover{background-color:#d4af371a;border-color:var(--gold-primary);transform:translate(2px)}.action-list-item button:active,.action-list-item a:active{background-color:#d4af3733;transform:translate(0)}.action-list-icon{font-size:20px;flex-shrink:0}.action-list-text{flex:1}.action-list-subtitle{font-size:12px;color:var(--text-tertiary);margin-top:2px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--secondary-dark) 25%,var(--tertiary-dark) 50%,var(--secondary-dark) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:var(--radius-sm)}.skeleton-text-sm{height:.875em;width:60%}.skeleton-text-lg{height:1.5em;width:80%}.skeleton-title{height:2em;width:40%;margin-bottom:1em;border-radius:var(--radius-md)}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-avatar-lg{width:64px;height:64px}.skeleton-button{height:40px;width:120px;border-radius:var(--radius-md)}.skeleton-card{padding:var(--spacing-xl);background:var(--secondary-dark);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.skeleton-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.skeleton-card-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skeleton-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.skeleton-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--secondary-dark);border-radius:var(--radius-md);border:1px solid var(--border-color)}.skeleton-list-item-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}@media(prefers-reduced-motion:reduce){.skeleton{animation:skeleton-pulse 2s ease-in-out infinite}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--gold-primary);color:var(--primary-dark);padding:8px 16px;text-decoration:none;border-radius:0 0 var(--radius-md) 0;font-weight:600;z-index:1000;transition:top .2s ease}.skip-to-content:focus{top:0}*:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}@media(prefers-contrast:more){*:focus-visible{outline-width:3px;outline-offset:3px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-message{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}[aria-busy=true] .loading-message{position:static;width:auto;height:auto}.form-group{margin-bottom:20px;display:flex;flex-direction:column}.form-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;display:flex;align-items:center;gap:4px}.form-label-required{color:var(--gold-primary)}.form-input,.form-textarea,.form-select{padding:10px 12px;background-color:var(--primary-dark);border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-weight:400;color:var(--text-primary);font-family:inherit;line-height:1.5;transition:all .15s cubic-bezier(.4,0,.2,1)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary);opacity:.6}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 12px #d4af374d;background-color:#d4af3705}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.5;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23D4AF37' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.form-helper-text{font-size:12px;font-weight:400;color:var(--text-tertiary);margin-top:4px}.form-error-text{font-size:12px;font-weight:400;color:var(--error-color);margin-top:4px}.form-input.form-error,.form-textarea.form-error,.form-select.form-error{border-color:var(--error-color);background-color:#ef44440d}.form-input.form-error:focus,.form-textarea.form-error:focus,.form-select.form-error:focus{box-shadow:0 0 12px #ef44444d}.form-input.form-success,.form-textarea.form-success,.form-select.form-success{border-color:var(--success-color);background-color:#10b9810d}.form-input.form-success:focus,.form-textarea.form-success:focus,.form-select.form-success:focus{box-shadow:0 0 12px #10b9814d}.form-checkbox{width:18px;height:18px;border:2px solid var(--border-color);border-radius:3px;cursor:pointer;appearance:none;background-color:var(--primary-dark);transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0}.form-checkbox:hover{border-color:var(--gold-primary)}.form-checkbox:checked{background-color:var(--gold-primary);border-color:var(--gold-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%230F1419' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.form-checkbox:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}.form-radio{width:18px;height:18px;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;appearance:none;background-color:var(--primary-dark);transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0}.form-radio:hover{border-color:var(--gold-primary)}.form-radio:checked{border-color:var(--gold-primary);box-shadow:inset 0 0 0 4px var(--primary-dark),inset 0 0 0 6px var(--gold-primary)}.form-radio:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.form-section-title{font-size:14px;font-weight:600;color:var(--gold-primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}.modal-box{background-color:var(--secondary-dark);border:2px solid var(--gold-primary);border-radius:12px;box-shadow:0 20px 48px #0009;max-width:600px;width:calc(100% - 32px);max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}.modal-header{padding:24px;border-bottom:2px solid var(--gold-primary);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.modal-title{font-size:24px;font-weight:600;color:var(--gold-primary);margin:0}.modal-subtitle{font-size:12px;font-weight:400;color:var(--text-tertiary);margin:4px 0 0}.modal-close-btn{background:none;border:none;color:var(--gold-primary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1)}.modal-close-btn:hover{background-color:#d4af371a;border-radius:4px;transform:rotate(90deg)}.modal-content{padding:24px;overflow-y:auto;flex:1}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#d4af3780}.modal-footer{padding:24px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end}@media(max-width:768px){.modal-box{max-width:90vw;width:90vw;border-radius:8px}.modal-header,.modal-content,.modal-footer{padding:16px}}.sidebar{width:280px;background-color:var(--secondary-dark);border:2px solid var(--gold-primary);border-radius:8px;padding:16px;overflow-y:auto;box-shadow:inset 0 0 8px #0006}.sidebar-header{padding-bottom:16px;margin-bottom:16px;border-bottom:2px solid var(--gold-primary)}.sidebar-header-title{font-size:14px;font-weight:600;color:var(--gold-primary);text-transform:uppercase;letter-spacing:.05em;margin:0}.sidebar-section{margin-bottom:20px;padding:0}.sidebar-section-title{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.sidebar-item{padding:10px 12px;margin-bottom:4px;border-radius:4px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;text-decoration:none}.sidebar-item:hover{background-color:#d4af371a;color:var(--gold-primary)}.sidebar-item.active{background-color:var(--gold-primary);color:var(--primary-dark);font-weight:600;border-left:3px solid transparent;padding-left:9px}.sidebar-item-icon{width:16px;height:16px;flex-shrink:0}.sidebar-collapsible-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 0;margin-bottom:8px}.sidebar-collapsible-chevron{transition:transform .2s cubic-bezier(.4,0,.2,1)}.sidebar-collapsible-chevron.open{transform:rotate(180deg)}.sidebar-collapsible-content{max-height:0;overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,.2,1)}.sidebar-collapsible-content.open{max-height:1000px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#d4af3780}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;z-index:999;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 16px #0009}.sidebar.open{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-right{text-align:right}.text-gold{color:var(--gold-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-error{color:var(--error-color)}.text-success{color:var(--success-color)}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.gap-xl{gap:24px}.mx-auto{margin-left:auto;margin-right:auto}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:12px}.mt-lg{margin-top:16px}.mt-xl{margin-top:24px}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:12px}.mb-lg{margin-bottom:16px}.mb-xl{margin-bottom:24px}.hidden{display:none!important}.invisible{visibility:hidden!important}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:768px){.bottom-nav{position:sticky;top:0;left:0;right:0;z-index:var(--z-mobile-bottom-nav, 100);display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding:6px 8px;padding-top:calc(6px + var(--safe-area-top, 0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-bg-primary, #0f1419);border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .1))}.bottom-nav-item{appearance:none;border:none;background:transparent;color:var(--color-text, #e5e7eb);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;min-height:var(--mobile-touch-small, 44px);border-radius:var(--mobile-radius-sm, 8px);font-size:12px;font-weight:600}.bottom-nav-item.active{color:var(--color-primary, #8b5cf6);background:#8b5cf614}.bottom-nav-icon{font-size:18px;line-height:1}.bottom-nav-label{font-size:11px;line-height:1}}@media(min-width:769px){.bottom-nav{display:none}}.bottom-sheet-overlay{position:fixed;inset:0;z-index:var(--z-mobile-overlay, 999);animation:fadeIn .2s ease}.mobile-bottom-sheet-overlay{opacity:1!important;pointer-events:auto!important}.bottom-sheet-overlay.backdrop-blur{background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bottom-sheet-overlay.backdrop-dark{background:#000000b3}.bottom-sheet-overlay.backdrop-none{background:#0000004d}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-secondary, #1a1f2e);border-top-left-radius:var(--mobile-radius-lg, 16px);border-top-right-radius:var(--mobile-radius-lg, 16px);box-shadow:0 -4px 24px #0006,0 -2px 12px #0003;z-index:var(--z-mobile-sheet, 1001);display:flex;flex-direction:column;transition:height var(--mobile-transition-slow, .3s) ease;max-height:95vh;will-change:height}.mobile-bottom-sheet{transform:translateY(0)!important}.bottom-sheet.dragging{-webkit-user-select:none;user-select:none;touch-action:none}.bottom-sheet-drag-area{display:flex;justify-content:center;padding:8px 0;cursor:grab;flex-shrink:0}.bottom-sheet-drag-area:active{cursor:grabbing}.bottom-sheet-handle{width:40px;height:4px;background:var(--color-text-secondary, #9ca3af);border-radius:2px;opacity:.5;transition:opacity var(--mobile-transition-fast, .15s)}.bottom-sheet-drag-area:hover .bottom-sheet-handle,.bottom-sheet-drag-area:active .bottom-sheet-handle{opacity:.8}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--mobile-space-md, 16px) var(--mobile-space-lg, 24px);border-bottom:1px solid var(--color-border-standard, #2e3648);flex-shrink:0}.bottom-sheet-header #bottom-sheet-title,.bottom-sheet-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary, #f1f5f9)}.bottom-sheet-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--color-text-secondary, #cbd5e1);font-size:20px;transition:background var(--mobile-transition-base, .2s);cursor:pointer}.bottom-sheet-close:hover{background:#ffffff0d}.bottom-sheet-close:active{background:#ffffff1a;transform:scale(.95)}.bottom-sheet-close:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.bottom-sheet-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--mobile-space-md, 16px) var(--mobile-space-lg, 24px);padding-bottom:calc(var(--safe-area-bottom, 0px) + var(--mobile-space-md, 16px))}.bottom-sheet-content::-webkit-scrollbar{width:8px}.bottom-sheet-content::-webkit-scrollbar-track{background:transparent}.bottom-sheet-content::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}.bottom-sheet-content::-webkit-scrollbar-thumb:hover{background:#d4af3780}.bottom-sheet-indicators{display:flex;gap:8px;justify-content:center;padding:12px;padding-bottom:calc(var(--safe-area-bottom, 0px) + 12px);flex-shrink:0;border-top:1px solid var(--color-border, #2d3748);background:var(--color-background, #111827)}.snap-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-text-secondary, #9ca3af);opacity:.3;transition:all var(--mobile-transition-fast, .15s);cursor:pointer}.snap-indicator.active{opacity:1;background:var(--color-primary, #3b82f6);transform:scale(1.3)}.snap-indicator:hover:not(.active){opacity:.5;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:769px){.bottom-sheet{left:50%;transform:translate(-50%);max-width:600px;border-radius:var(--mobile-radius-lg, 16px)}.bottom-sheet-indicators{display:none}}@media(prefers-reduced-motion:reduce){.bottom-sheet,.bottom-sheet-overlay,.bottom-sheet-handle,.snap-indicator{animation:none;transition:none}}@media(prefers-contrast:high){.bottom-sheet{border:2px solid var(--color-border, #2d3748)}.bottom-sheet-handle{background:var(--color-text-primary, #f3f4f6);opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md, 12px);padding:var(--button-padding-y, 12px) var(--button-padding-x, 24px);border-radius:var(--button-border-radius, 6px);border:none;font-family:var(--font-sans, "Inter", "Segoe UI", sans-serif);font-weight:var(--button-font-weight, 500);letter-spacing:var(--button-letter-spacing, .05em);text-transform:uppercase;font-size:14px;line-height:1.4;cursor:pointer;transition:all var(--transition-standard, .2s cubic-bezier(.4, 0, .2, 1));text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;position:relative;outline:none}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-sm{padding:8px 16px;font-size:12px;border-radius:4px;letter-spacing:.08em}.btn-md{padding:12px 24px;font-size:14px;border-radius:6px;letter-spacing:.05em}.btn-lg{padding:14px 28px;font-size:16px;border-radius:8px;letter-spacing:.04em}.btn-primary{background-color:var(--color-accent-gold, #D4AF37);color:var(--color-text-inverse, #0F1419);border:2px solid var(--color-accent-gold, #D4AF37);box-shadow:0 4px 12px #d4af3766;font-weight:600;text-shadow:none}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-gold-bright, #E8C547);border-color:var(--color-accent-gold-bright, #E8C547);transform:translateY(-2px);box-shadow:0 6px 20px #e8c54780,0 0 20px #d4af374d}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #d4af374d}.btn-primary:focus-visible{outline:2px solid var(--color-accent-gold-bright, #E8C547);outline-offset:3px;box-shadow:0 4px 12px #d4af3766,0 0 0 4px #d4af3726}.btn-secondary{background-color:var(--color-bg-secondary, #1A1F2E);color:var(--color-accent-gold, #D4AF37);border:2px solid var(--color-accent-gold, #D4AF37);box-shadow:0 2px 8px #00000080;font-weight:500}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover, #2F3A52);border-color:var(--color-accent-gold-bright, #E8C547);color:var(--color-accent-gold-bright, #E8C547);transform:translateY(-2px);box-shadow:0 4px 16px #d4af374d,0 0 12px #d4af3733}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #d4af3733}.btn-secondary:focus-visible{outline:2px solid var(--color-accent-gold, #D4AF37);outline-offset:3px;box-shadow:0 2px 8px #d4af374d,0 0 0 4px #d4af371a}.btn-danger{background-color:var(--color-error, #EF4444);color:#fff;border:2px solid var(--color-error, #EF4444);box-shadow:0 4px 12px #ef44444d;font-weight:600}.btn-danger:hover:not(:disabled){background-color:var(--color-error-dark, #DC2626);border-color:var(--color-error-dark, #DC2626);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466,0 0 15px #ef444433}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ef444433}.btn-danger:focus-visible{outline:2px solid var(--color-error-light, #FCA5A5);outline-offset:3px;box-shadow:0 4px 12px #ef44444d,0 0 0 4px #ef44441a}.btn-success{background-color:var(--color-success, #10B981);color:#fff;border:2px solid var(--color-success, #10B981);box-shadow:0 4px 12px #10b9814d;font-weight:600}.btn-success:hover:not(:disabled){background-color:var(--color-success-dark, #059669);border-color:var(--color-success-dark, #059669);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166,0 0 15px #10b98133}.btn-success:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #10b98133}.btn-success:focus-visible{outline:2px solid var(--color-success-light, #6EE7B7);outline-offset:3px;box-shadow:0 4px 12px #10b9814d,0 0 0 4px #10b9811a}.btn-tertiary{background-color:transparent;color:var(--color-accent-gold, #D4AF37);border:1px solid var(--color-accent-gold, #D4AF37);box-shadow:none;font-weight:500}.btn-tertiary:hover:not(:disabled){background-color:#d4af371a;color:var(--color-accent-gold-bright, #E8C547);border-color:var(--color-accent-gold-bright, #E8C547);box-shadow:0 0 12px #d4af3733}.btn-tertiary:active:not(:disabled){background-color:#d4af3726}.btn-tertiary:focus-visible{outline:2px solid var(--color-accent-gold, #D4AF37);outline-offset:2px;box-shadow:0 0 0 3px #d4af371a}.btn svg,.btn [aria-hidden=true]{width:1.2em;height:1.2em;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-fast, .1s cubic-bezier(.4, 0, .2, 1)),color var(--transition-fast, .1s cubic-bezier(.4, 0, .2, 1))}.btn:hover:not(:disabled) svg,.btn:hover:not(:disabled) [aria-hidden=true]{transform:scale(1.1)}.btn[aria-busy=true],.btn.is-loading{position:relative;color:transparent;pointer-events:none}.btn[aria-busy=true]:after,.btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid rgba(212,175,55,.3);border-radius:50%;border-top-color:var(--color-accent-gold, #D4AF37);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-group{display:inline-flex;align-items:center;gap:var(--space-sm, 8px);border-radius:var(--button-border-radius, 6px);padding:4px;background-color:#d4af370d}.btn-group .btn{border-radius:4px;margin:0}.btn-group .btn+.btn{margin-left:2px}.btn-group .btn-primary:not(:disabled){background-color:var(--color-accent-gold, #D4AF37)}.btn-group .btn-secondary:not(:disabled){background-color:transparent;border-color:var(--color-accent-gold, #D4AF37)}@media(max-width:640px){.btn{min-height:44px;min-width:44px;padding:var(--button-padding-y, 12px) var(--button-padding-x, 20px)}.btn-sm{min-height:40px;padding:8px 14px}.btn-lg{min-height:48px;padding:14px 24px}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}}@media(prefers-reduced-motion:reduce){.btn,.btn:hover,.btn:active,.btn:focus-visible{transition:none;animation:none}}@media(prefers-contrast:more){.btn-primary,.btn-secondary{border-width:3px}.btn:focus-visible{outline-width:3px}}@media(forced-colors:active){.btn{border:2px solid CanvasText}.btn-primary{background-color:Highlight;color:HighlightText}.btn-secondary{background-color:Canvas;border-color:CanvasText;color:CanvasText}}@media print{.btn{border:1px solid #000;box-shadow:none;background-color:#fff;color:#000}.btn:hover,.btn:active{transform:none}}