*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0e0e12;--bg-card:rgba(22,22,30,0.7);--bg-card-solid:#16161e;--border:rgba(255,255,255,0.06);--text:#e2e2e8;--text-muted:#8888a0;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-light:rgba(124,58,237,0.15);--green:#22c55e;--red:#ef4444;--radius:0.75rem;--radius-sm:0.5rem;--transition:0.2s ease}html{font-size:clamp(0.85rem,1vw,1rem);scroll-behavior:smooth}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}.glass{background:var(--bg-card);backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);border:0.0625rem solid var(--border);border-radius:var(--radius)}.footer{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:0.75rem 1rem 0.6rem;margin-top:auto}.footer-glass{border-top:0.0625rem solid var(--border);background:var(--bg-card)}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0.25rem 1rem}.footer-nav a{font-size:0.72rem;color:var(--text-muted);opacity:0.7;transition:opacity var(--transition)}.footer-nav a:hover{opacity:1;color:var(--accent)}.footer-brand img{opacity:0.55;transition:opacity var(--transition);display:block}.footer-brand:hover img{opacity:1}.legal-page{max-width:720px;margin:2rem auto;padding:0 1.25rem 3rem}.legal-page h1{font-size:1.5rem;margin-bottom:0.25rem}.legal-page .legal-date{font-size:0.78rem;color:var(--text-muted);margin-bottom:1.75rem}.legal-page h2{font-size:1rem;margin:1.5rem 0 0.4rem}.legal-page p,.legal-page ul{font-size:0.88rem;color:var(--text-muted);line-height:1.7;margin:0 0 0.5rem}.legal-page ul{padding-left:1.5rem}.legal-page-contact p{font-size:0.95rem}.contact-email{margin-top:1rem!important;font-size:1.15rem!important}.contact-email a{color:var(--accent)}.topnav{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1.5rem;background:rgba(14,14,18,0.85);backdrop-filter:blur(0.75rem);border-bottom:0.0625rem solid var(--border);position:sticky;top:0;z-index:100}.nav-left,.nav-right{display:flex;align-items:center;gap:0.75rem}.lang-dropdown{position:relative}.lang-dropdown summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:0.35rem;font-size:0.85rem;line-height:1.2;padding:0.25rem 0.4rem;border-radius:0.3rem;user-select:none;white-space:nowrap}.lang-dropdown summary::-webkit-details-marker{display:none}.lang-dropdown-menu{position:absolute;right:0;top:110%;display:flex;flex-direction:column;gap:0.15rem;padding:0.3rem;border-radius:0.5rem;z-index:200}.lang-dropdown-item{display:flex;align-items:center;gap:0.35rem;font-size:0.85rem;line-height:1.2;padding:0.25rem 0.5rem;border-radius:0.3rem;text-decoration:none;opacity:0.7;white-space:nowrap;transition:opacity var(--transition)}.lang-dropdown-item:hover{opacity:1}.nav-logo{display:inline-flex;align-items:center;line-height:1}.nav-logo-img{height:1.6rem;width:auto;display:block}.nav-dashboard-link{color:var(--text-muted);font-size:0.9rem}.nav-dashboard-link:hover{color:var(--text)}.user-menu{position:relative}.user-menu summary{list-style:none}.user-menu summary::-webkit-details-marker{display:none}.user-menu-trigger{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.user-avatar{width:2rem;height:2rem;border-radius:999px;border:0.0625rem solid var(--border);display:inline-flex;align-items:center;justify-content:center;background:var(--bg-card-solid)}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 0.45rem);min-width:11rem;padding:0.6rem;display:flex;flex-direction:column;gap:0.45rem;z-index:120}.user-menu-info{display:flex;flex-direction:column;gap:0.1rem;margin-bottom:0.15rem}.user-menu-info strong{font-size:0.85rem;color:var(--text)}.user-menu-info span{font-size:0.75rem;color:var(--text-muted)}.accounts-switcher{position:relative}.accounts-switcher summary{list-style:none}.accounts-switcher summary::-webkit-details-marker{display:none}.accounts-switcher-trigger{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.accounts-switcher-dropdown{position:absolute;right:0;top:calc(100% + 0.45rem);min-width:13rem;padding:0.5rem;display:flex;flex-direction:column;gap:0.25rem;z-index:120}.accounts-switcher-label{font-size:0.7rem;color:var(--text-muted);padding:0.1rem 0.4rem 0.3rem;text-transform:uppercase;letter-spacing:0.05em}.accounts-switcher-item{display:flex;align-items:center;gap:0.55rem;padding:0.4rem 0.5rem;border-radius:var(--radius-sm);color:var(--text);text-decoration:none;transition:background var(--transition),color var(--transition);background:none;border:none;cursor:pointer;width:100%;text-align:left;font-family:inherit}.accounts-switcher-item:hover{background:var(--accent-light);color:var(--accent)}.accounts-switcher-row{display:flex;align-items:center;gap:0}.accounts-switcher-link{flex:1;min-width:0}.acc-remove{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0.3rem 0.45rem;border-radius:var(--radius-sm);line-height:1;transition:color var(--transition),background var(--transition);flex-shrink:0}.acc-remove:hover{color:var(--red);background:rgba(239,68,68,0.12)}.acc-avatar{width:1.8rem;height:1.8rem;border-radius:999px;border:0.0625rem solid var(--border);background:var(--bg-card-solid);display:inline-flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;flex-shrink:0;color:var(--text-muted)}.acc-info{display:flex;flex-direction:column;gap:0.05rem;min-width:0}.acc-info strong{font-size:0.82rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acc-info small{font-size:0.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-saved{margin-top:0.75rem;padding:0.6rem;display:flex;flex-direction:column;gap:0.2rem;width:100%;max-width:22rem}.login-saved-label{font-size:0.7rem;color:var(--text-muted);padding:0.1rem 0.4rem 0.3rem;text-transform:uppercase;letter-spacing:0.05em}[hidden]{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 1rem;border:0.0625rem solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card-solid);color:var(--text);font-size:0.9rem;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-danger{border-color:var(--red);color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.btn-sm{padding:0.3rem 0.65rem;font-size:0.8rem}.btn-lg{padding:0.75rem 2rem;font-size:1.1rem}.btn-full{width:100%}.btn-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.btn-close:hover{color:var(--text)}.btn-icon{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:0.25rem 0.4rem;transition:color var(--transition)}.btn-icon:hover{color:var(--accent)}.btn-icon-danger:hover{color:var(--red)}.btn-icon+.btn-icon{margin-left:0.5rem}.row-currency-sel{font-size:0.78rem;padding:0.15rem 0.3rem;width:5.5rem}.form-group{display:flex;flex-direction:column;gap:0.3rem;margin-bottom:0.75rem}.form-group label{font-size:0.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}.form-group input,.form-group select{padding:0.55rem 0.75rem;background:rgba(0,0,0,0.3);border:0.0625rem solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:0.95rem;outline:none;transition:border-color var(--transition)}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}select,option,optgroup{background-color:var(--bg-card-solid);color:var(--text)}.form-row{display:flex;gap:0.75rem}.form-row .form-group{flex:1}.form-inline{display:flex;gap:0.5rem;align-items:stretch;flex-wrap:wrap}.input-grow{flex:1;min-width:8rem;padding:0.55rem 0.75rem;background:rgba(0,0,0,0.3);border:0.0625rem solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:0.95rem;outline:none}.input-grow:focus{border-color:var(--accent)}.input-num{width:7rem;padding:0.55rem 0.75rem;background:rgba(0,0,0,0.3);border:0.0625rem solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:0.95rem;outline:none}.input-num:focus{border-color:var(--accent)}select.input-num{appearance:none;-webkit-appearance:none;padding-right:1.8rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238888a0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.55rem center;cursor:pointer}.input-sm{padding:0.3rem 0.5rem;background:rgba(0,0,0,0.3);border:0.0625rem solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:0.8rem;outline:none}.form-inline .input-sm{padding:0.55rem 0.75rem;font-size:0.95rem}.input-inline{width:5.5rem;padding:0.25rem 0.4rem;background:rgba(0,0,0,0.3);border:0.0625rem solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:0.85rem;outline:none;text-align:right}.input-inline:focus{border-color:var(--accent)}.flash-container{position:fixed;top:4rem;right:1rem;z-index:200;display:flex;flex-direction:column;gap:0.5rem}.flash{padding:0.6rem 1rem;border-radius:var(--radius-sm);font-size:0.85rem;animation:flashIn 0.3s ease}.flash-error{background:rgba(239,68,68,0.2);border:0.0625rem solid var(--red);color:var(--red)}.flash-success{background:rgba(34,197,94,0.2);border:0.0625rem solid var(--green);color:var(--green)}@keyframes flashIn{from{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}.main-content{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:1.5rem 1rem;box-sizing:border-box}.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85vh}.auth-form{width:100%;max-width:22rem;padding:2rem}.auth-form h2{text-align:center;margin-bottom:1.5rem;font-size:1.4rem}.turnstile-wrap{width:100%;overflow:hidden}.turnstile-wrap .cf-turnstile{width:100%}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dash-header h2{font-size:1.4rem}.dashboard-widget-link{margin-top:0.35rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem}.event-card{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:0.5rem;transition:border-color var(--transition),transform var(--transition);color:var(--text)}.event-card.is-active{border-color:rgba(34,197,94,0.35);box-shadow:0 0 0 0.0625rem rgba(34,197,94,0.15)}.event-card:hover{border-color:var(--accent);transform:translateY(-0.15rem);color:var(--text)}.event-card-head{display:flex;justify-content:space-between;align-items:center;gap:0.75rem}.event-card h3{font-size:1rem}.event-card-link{color:inherit;display:flex;flex-direction:column;gap:0.5rem}.event-card-link:hover{color:inherit}.event-card-date{font-size:0.7rem;color:var(--text-muted);margin-left:auto}.event-meta{display:flex;align-items:center;gap:0.5rem;font-size:0.8rem;color:var(--text-muted)}.event-active-form{margin:0}.event-active-toggle{display:inline-flex;align-items:center;gap:0.45rem;background:rgba(255,255,255,0.04);border:0.0625rem solid var(--border);color:var(--text-muted);border-radius:999px;padding:0.25rem 0.55rem;cursor:pointer;font-size:0.72rem;transition:border-color var(--transition),color var(--transition),background var(--transition)}.event-active-toggle:hover{border-color:var(--accent);color:var(--text)}.event-active-toggle.is-active{border-color:rgba(34,197,94,0.35);color:var(--green);background:rgba(34,197,94,0.12)}.event-active-lamp{width:0.55rem;height:0.55rem;border-radius:50%;background:currentColor;box-shadow:0 0 0.45rem currentColor}.empty-state{padding:3rem;text-align:center;color:var(--text-muted)}.event-type-badge{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:0.15rem 0.5rem;border-radius:0.3rem}.event-type-badge.bonus_buy{background:var(--accent-light);color:var(--accent)}.event-type-badge.bonus_hunt{background:rgba(34,197,94,0.15);color:var(--green)}.event-active-badge{font-size:0.65rem;font-weight:600;text-transform:uppercase;padding:0.15rem 0.45rem;border-radius:0.3rem;background:rgba(255,255,255,0.06);color:var(--text-muted)}.event-active-badge.is-active{background:rgba(34,197,94,0.15);color:var(--green)}.event-page{display:flex;flex-direction:column;gap:1rem}.event-header{padding:1rem 1.25rem}.event-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;flex-wrap:wrap;gap:0.5rem}.event-header-actions{display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}.event-title{font-size:1.3rem;display:flex;align-items:center;gap:0.5rem}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:1rem;align-items:stretch}.settings-left-col{display:flex;flex-direction:column;gap:1rem;min-width:0}.balance-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;align-items:end;padding:1rem;min-width:0}.balance-head{grid-column:1 / -1;border-bottom:0.0625rem solid var(--border);padding-bottom:0.5rem}.balance-head h3{font-size:1.08rem;color:var(--text);margin-bottom:0.25rem}.balance-field{display:flex;flex-direction:column;gap:0.35rem;min-width:0}.balance-field-wide{grid-column:1 / -1}.balance-field label{font-size:0.73rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}.balance-field .input-num,.balance-field .input-sm{width:100%;min-width:0;padding:0.55rem 0.75rem;font-size:0.95rem}.balance-form>.btn{grid-column:1 / -1;justify-self:start}.widget-style-form{padding:1rem;min-width:0}.widget-style-head{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;margin-bottom:0.7rem;border-bottom:0.0625rem solid var(--border);padding-bottom:0.5rem}.widget-style-actions{display:flex;gap:0.5rem;align-items:center}.widget-style-head h3{font-size:1.08rem;color:var(--text)}.widget-style-grid{display:grid;grid-template-columns:1fr;gap:0.6rem;min-width:0}.field-hint{font-size:0.82rem;color:var(--text-muted);line-height:1.4;background:rgba(0,0,0,0.2);border:0.0625rem solid var(--border);border-left:0.1875rem solid var(--accent);border-radius:var(--radius-sm);padding:0.5rem 0.6rem}.widget-hints{margin-top:0.45rem;display:flex;flex-direction:column;gap:0.15rem}.widget-hints p{font-size:0.76rem;color:var(--text-muted)}.checkbox-group{justify-content:flex-end}.checkbox-group label{text-transform:none;letter-spacing:0;font-size:0.85rem}.widget-link{margin-top:0.5rem;font-size:0.8rem;color:var(--text-muted);display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.widget-link code{background:rgba(0,0,0,0.3);padding:0.2rem 0.5rem;border-radius:0.25rem;font-size:0.75rem;word-break:break-all}.widget-link-label{color:var(--text-muted);font-size:0.8rem;white-space:nowrap;user-select:none}.widget-link-code{cursor:pointer;filter:blur(4px);transition:filter 0.2s;user-select:none}.widget-link-code:hover{filter:blur(2px)}.widget-link-code.is-revealed{filter:none;user-select:auto}.widget-link-tooltip{position:fixed;top:1.25rem;left:50%;transform:translateX(-50%) translateY(-0.5rem);background:rgba(30,30,40,0.95);border:0.0625rem solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:0.82rem;padding:0.45rem 1rem;pointer-events:none;z-index:9000;opacity:0;transition:opacity 0.15s,transform 0.15s;white-space:nowrap}.widget-link-tooltip.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:0.75rem}.stat-card{padding:0.75rem 1rem;text-align:center;display:flex;flex-direction:column;gap:0.15rem}.stat-label{font-size:0.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:0.05em}.stat-value{font-size:1.3rem;font-weight:700}.positive{color:var(--green)}.negative{color:var(--red)}.add-item-form{padding:1rem 1.25rem}.add-item-form h3{font-size:0.95rem;margin-bottom:0.75rem;color:var(--text-muted)}.add-item-form .form-inline{align-items:flex-end}.form-inline-field{display:flex;flex-direction:column;gap:0.25rem;min-width:10rem}.form-inline-field-grow{flex:1;min-width:16rem}.form-inline-field label{font-size:0.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}.input-inline-name{min-width:10rem;width:100%;padding:0.25rem 0.4rem;background:rgba(0,0,0,0.3);border:0.0625rem solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:0.85rem;outline:none}.input-inline-name:focus{border-color:var(--accent)}.slot-autocomplete-panel{position:fixed;z-index:9999;display:none;max-height:18rem;overflow-y:auto;padding:0.3rem;pointer-events:none}.slot-autocomplete-panel.is-open{display:block;pointer-events:auto}.slot-autocomplete-item{width:100%;border:0.0625rem solid transparent;border-radius:0.45rem;background:rgba(0,0,0,0.2);color:var(--text);text-align:left;display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:0.55rem;align-items:center;padding:0.42rem;cursor:pointer}.slot-autocomplete-item+.slot-autocomplete-item{margin-top:0.25rem}.slot-autocomplete-item:hover,.slot-autocomplete-item.is-active{border-color:var(--accent);background:var(--accent-light)}.slot-autocomplete-thumb{width:2.6rem;height:2.6rem;object-fit:cover;border-radius:0.35rem;border:0.0625rem solid var(--border);background:rgba(0,0,0,0.25)}.slot-autocomplete-copy{min-width:0;display:flex;flex-direction:column;line-height:1.2}.slot-autocomplete-title{font-size:0.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-autocomplete-provider{margin-top:0.12rem;font-size:0.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-autocomplete-empty{padding:0.55rem 0.65rem;border-radius:0.4rem;color:var(--text-muted);font-size:0.76rem;background:rgba(0,0,0,0.2)}.items-table-wrap{overflow-x:auto;padding:0.5rem}.items-table{width:100%;border-collapse:collapse;font-size:0.85rem}.items-table th{text-align:left;padding:0.5rem 0.75rem;font-size:0.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:0.05em;border-bottom:0.0625rem solid var(--border)}.items-table td{padding:0.4rem 0.75rem;border-bottom:0.0625rem solid var(--border);vertical-align:middle}.items-table tr:last-child td{border-bottom:none}.items-table tr.completed-row{opacity:0.5}.items-table tr{transition:background var(--transition)}.items-table tr:hover{background:rgba(124,58,237,0.04)}.drag-cell{width:1.75rem;text-align:center}.drag-handle{display:inline-block;color:var(--text-muted);cursor:grab;user-select:none;line-height:1}.draggable-row.dragging{opacity:0.55}.draggable-row:active .drag-handle{cursor:grabbing}.admin-page{max-width:60rem}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.admin-header h2{font-size:1.4rem}.admin-header-actions{display:flex;align-items:center;gap:0.5rem}.admin-search{padding:0.75rem 1rem;margin-bottom:0.8rem}.admin-search-form{display:flex;gap:0.5rem;align-items:center}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:0.75rem}.preset-card{border:0.0625rem solid var(--border);border-radius:var(--radius-sm);padding:0.75rem;display:flex;flex-direction:column;gap:0.55rem;background:rgba(0,0,0,0.2)}.preset-card-head{display:flex;align-items:center;gap:0.45rem}.preset-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.45rem}.preset-color-grid label{display:flex;flex-direction:column;gap:0.2rem;font-size:0.72rem;color:var(--text-muted)}.preset-color-grid input[type="color"]{width:100%;height:2rem;padding:0.15rem;border-radius:0.45rem;border:0.0625rem solid var(--border);background:rgba(0,0,0,0.25)}.preset-label-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.45rem}.preset-label-grid input{padding:0.45rem 0.55rem;border-radius:0.45rem;border:0.0625rem solid var(--border);background:rgba(0,0,0,0.25);color:var(--text);font-size:0.8rem;outline:none}.preset-checkbox{font-size:0.82rem;color:var(--text-muted)}.preset-layout-toggle{display:flex;flex-direction:column;gap:0.35rem}.layout-toggle-btns{display:flex;gap:0.4rem;flex-wrap:wrap}.layout-toggle-btns [data-widget-lang]{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.8rem;white-space:nowrap}.layout-toggle-btns [data-widget-lang] .fi{display:inline-block;width:1.15em;height:0.87em;vertical-align:middle;border-radius:0.12em;flex-shrink:0}.layout-btn{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.82rem;color:var(--text-muted);cursor:pointer}.layout-btn input{accent-color:var(--accent);cursor:pointer}.preset-label-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.45rem}.preset-label-extra input{padding:0.45rem 0.55rem;border-radius:0.45rem;border:0.0625rem solid var(--border);background:rgba(0,0,0,0.25);color:var(--text);font-size:0.8rem;outline:none}.preset-actions{display:flex;gap:0.45rem}.metric-config{border:0.0625rem solid var(--border);border-radius:0.45rem;padding:0.5rem;background:rgba(0,0,0,0.2)}.metric-list{display:flex;flex-direction:column;gap:0.35rem;margin-top:0.4rem}.metric-row{display:flex;align-items:center;gap:0.45rem;padding:0.3rem 0.4rem;border:0.0625rem solid var(--border);border-radius:0.35rem;background:rgba(0,0,0,0.18);cursor:grab;user-select:none;color:var(--text);font-size:0.82rem}.metric-row.dragging{opacity:0.55}.metric-handle{color:var(--text-muted);line-height:1}.builder-page{width:100%}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.builder-left{padding:1rem}.builder-right{padding:1rem;position:sticky;top:5rem;height:fit-content}.builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:0.8rem}.builder-toolbar-actions{display:flex;gap:0.45rem;align-items:center}.builder-toolbar h2{font-size:1.15rem}.builder-preset-list{display:flex;flex-direction:column;gap:0.7rem}.builder-switcher{margin-bottom:0.7rem;display:flex;flex-direction:column;gap:0.25rem}.builder-switcher label{font-size:0.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}.users-table-wrap{overflow-x:auto;padding:0.5rem}.users-table{width:100%;border-collapse:collapse;font-size:0.85rem}.users-table th{text-align:left;padding:0.5rem 0.75rem;font-size:0.7rem;text-transform:uppercase;color:var(--text-muted);border-bottom:0.0625rem solid var(--border)}.users-table td{padding:0.5rem 0.75rem;border-bottom:0.0625rem solid var(--border)}.actions-cell{display:flex;gap:0.35rem;flex-wrap:wrap}.inline-form{display:inline-flex}.action-btn{min-width:7.5rem;justify-content:center}.role-form{margin:0}.role-select{min-width:7rem}.role-badge{font-size:0.7rem;font-weight:600;text-transform:uppercase;padding:0.1rem 0.4rem;border-radius:0.25rem}.role-badge.admin{background:var(--accent-light);color:var(--accent)}.role-badge.streamer{background:rgba(34,197,94,0.12);color:var(--green)}.muted{color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:300;opacity:0;pointer-events:none;transition:opacity 0.25s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{width:90%;max-width:26rem;padding:1.5rem;animation:modalIn 0.25s ease}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-head h3{font-size:1.1rem}@keyframes modalIn{from{opacity:0;transform:scale(0.95) translateY(0.5rem)}to{opacity:1;transform:scale(1) translateY(0)}}.error-page{display:flex;align-items:center;justify-content:center;min-height:70vh}.error-card{text-align:center;padding:2.5rem;max-width:22rem}.error-card h2{margin-bottom:0.75rem}.error-card p{color:var(--text-muted);margin-bottom:1.25rem}@media (max-width:56em){.settings-grid{grid-template-columns:1fr}.settings-left-col{flex-direction:column}.preset-preview-panel .preset-preview-wrap iframe{min-height:240px}}@media (max-width:64em){.balance-form{grid-template-columns:1fr}}@media (max-width:40em){
/* -- Navbar -- */
.topnav{padding:0.45rem 0.6rem;gap:0.35rem}
.nav-left,.nav-right{gap:0.35rem}
.nav-logo-img{height:1.3rem}
.nav-dashboard-link{font-size:0.72rem;padding:0.15rem 0}
.user-avatar{width:1.6rem;height:1.6rem;font-size:0.7rem}
.lang-dropdown summary{font-size:0.75rem;gap:0.2rem;padding:0.15rem 0.25rem}
.lang-dropdown-item{font-size:0.75rem;padding:0.2rem 0.35rem}
.lang-dropdown .fi,.lang-dropdown-item .fi{width:1em;height:0.75em}

/* -- Main content -- */
.main-content{padding:0.75rem 0.4rem}

/* -- Dashboard -- */
.dash-header{flex-direction:column;align-items:flex-start;gap:0.5rem;margin-bottom:1rem}
.dash-header h2{font-size:1.15rem}
.events-grid{grid-template-columns:1fr;gap:0.6rem}
.event-card{padding:0.75rem 0.85rem;gap:0.35rem}
.event-card h3{font-size:0.9rem}
.event-card-head{gap:0.4rem}
.event-meta{font-size:0.72rem;gap:0.35rem}

/* -- Event page header -- */
.event-header{padding:0.6rem 0.7rem}
.event-header-top{flex-direction:column;align-items:stretch;gap:0.4rem;margin-bottom:0.5rem}
.event-header-actions{width:100%;justify-content:flex-start;gap:0.35rem;flex-wrap:wrap}
.event-title{font-size:1rem;flex-wrap:wrap}
.event-type-badge{font-size:0.6rem}
.event-active-badge{font-size:0.58rem}
.widget-link{flex-direction:column;gap:0.25rem;font-size:0.72rem}
.widget-link code{font-size:0.65rem;padding:0.2rem 0.4rem}
.widget-hints p{font-size:0.68rem}

/* -- Settings grid (balance + preset + preview) -- */
.settings-grid{grid-template-columns:1fr;gap:0.6rem}
.settings-left-col{flex-direction:column;gap:0.6rem}
.balance-form{grid-template-columns:1fr;gap:0.5rem;padding:0.7rem;align-items:stretch}
.balance-head h3{font-size:0.95rem}
.balance-field label{font-size:0.68rem}
.balance-field .input-num,.balance-field .input-sm,.balance-field .input-grow{width:100%;font-size:0.88rem;padding:0.45rem 0.6rem}
.balance-field-wide{grid-column:1}
.balance-form>.btn{width:100%;justify-self:stretch}

/* -- Widget style form -- */
.widget-style-form{padding:0.7rem}
.widget-style-head{flex-direction:column;gap:0.4rem}
.widget-style-head h3{font-size:0.95rem}
.widget-style-actions{width:100%;display:flex;gap:0.35rem}
.widget-style-actions .btn{flex:1;font-size:0.78rem;padding:0.4rem 0.5rem}
.widget-style-grid .form-group select{font-size:0.88rem}

/* -- Preview panel -- */
.preset-preview-panel{padding:0.7rem}
.preset-preview-panel h3{font-size:0.9rem}
.preset-preview-panel .preset-preview-wrap iframe{min-height:220px;height:260px}

/* -- Stats row -- */
.stats-row{grid-template-columns:repeat(3,1fr);gap:0.4rem}
.stat-card{padding:0.4rem 0.3rem;gap:0.05rem}
.stat-label{font-size:0.58rem;letter-spacing:0.02em}
.stat-value{font-size:0.95rem}

/* -- Add item form -- */
.add-item-form{padding:0.7rem 0.7rem}
.add-item-form h3{font-size:0.85rem;margin-bottom:0.5rem}
.add-item-form .form-inline{flex-direction:column;align-items:stretch;gap:0.45rem}
.form-inline-field{min-width:0;width:100%}
.form-inline-field-grow{min-width:0;flex:none;width:100%}
.form-inline-field label{font-size:0.64rem}
.form-inline .input-grow{width:100%;min-width:0}
.form-inline .input-num{width:100%}
select.input-num{width:100%}
.add-item-form .btn{width:100%}

/* -- Items table -- */
.items-table-wrap{padding:0.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.items-table{font-size:0.75rem;min-width:36rem}
.items-table th{padding:0.3rem 0.4rem;font-size:0.6rem}
.items-table td{padding:0.3rem 0.4rem}
.input-inline{width:4.2rem;font-size:0.75rem;padding:0.2rem 0.3rem}
.input-inline-name{min-width:6rem;font-size:0.75rem;padding:0.2rem 0.3rem}
.row-currency-sel{font-size:0.68rem;padding:0.1rem 0.2rem;width:4.5rem}
.drag-cell{width:1.2rem}
.drag-handle{font-size:0.8rem}
.btn-icon{font-size:0.9rem;padding:0.15rem 0.25rem}
.btn-icon+.btn-icon{margin-left:0.25rem}

/* -- Widget builder -- */
.builder-layout{grid-template-columns:1fr}
.builder-left,.builder-right{padding:0.7rem}
.builder-right{position:static}
.builder-toolbar{flex-wrap:wrap;gap:0.35rem;margin-bottom:0.5rem}
.builder-toolbar h2{font-size:0.95rem}
.builder-toolbar-actions{gap:0.3rem}
.builder-toolbar-actions .btn{font-size:0.75rem;padding:0.25rem 0.5rem}
.preset-card{padding:0.55rem}
.preset-color-grid{grid-template-columns:repeat(3,1fr);gap:0.3rem}
.preset-color-grid label{font-size:0.65rem}
.preset-color-grid input[type="color"]{height:1.6rem}
.preset-label-grid{gap:0.3rem}
.preset-label-grid input{font-size:0.75rem;padding:0.35rem 0.45rem}
.preset-label-extra{gap:0.3rem}
.preset-label-extra input{font-size:0.75rem;padding:0.35rem 0.45rem}
.preset-actions{flex-wrap:wrap;gap:0.3rem}
.preset-actions .btn{font-size:0.75rem;padding:0.3rem 0.55rem}
.layout-toggle-btns{gap:0.25rem}
.layout-toggle-btns [data-widget-lang]{font-size:0.72rem;gap:0.2rem}
.layout-btn{font-size:0.75rem}
.metric-row{font-size:0.75rem;padding:0.25rem 0.3rem;gap:0.3rem}
.field-hint{font-size:0.75rem;padding:0.4rem 0.5rem}
.preset-checkbox{font-size:0.75rem}
.builder-switcher label{font-size:0.68rem}

/* -- Admin page -- */
.admin-page{max-width:100%}
.admin-header{flex-direction:column;align-items:flex-start;gap:0.5rem;margin-bottom:1rem}
.admin-header h2{font-size:1.15rem}
.admin-header-actions{width:100%;justify-content:flex-start;gap:0.35rem;flex-wrap:wrap}
.admin-search{padding:0.5rem 0.6rem}
.admin-search-form{flex-wrap:wrap;gap:0.35rem}
.users-table{font-size:0.75rem;min-width:30rem}
.users-table th{padding:0.35rem 0.5rem;font-size:0.6rem}
.users-table td{padding:0.35rem 0.5rem}
.actions-cell{gap:0.25rem}
.action-btn{min-width:5rem;font-size:0.75rem;padding:0.3rem 0.5rem}

/* -- Auth form -- */
.auth-form{padding:1.2rem;max-width:100%}
.auth-form h2{font-size:1.15rem;margin-bottom:1rem}
.turnstile-wrap .cf-turnstile{transform:scale(0.85);transform-origin:left top}

/* -- Modals -- */
.modal{padding:1rem;max-width:calc(100vw - 1.5rem)}
.modal-head h3{font-size:0.95rem}

/* -- Flash messages -- */
.flash-container{top:3rem;right:0.4rem;left:0.4rem}
.flash{font-size:0.78rem;padding:0.45rem 0.7rem}

/* -- Footer -- */
.footer{padding:0.5rem 0.6rem 0.4rem}
.footer-nav{gap:0.15rem 0.6rem}
.footer-nav a{font-size:0.65rem}

/* -- Buttons global -- */
.btn{font-size:0.82rem;padding:0.4rem 0.75rem}
.btn-sm{font-size:0.72rem;padding:0.25rem 0.5rem}

/* -- Misc -- */
.empty-state{padding:2rem 1rem;font-size:0.88rem}
.legal-page{padding:0 0.75rem 2rem}
.legal-page h1{font-size:1.15rem}
.error-card{padding:1.5rem}
.error-card h2{font-size:1.1rem}
}.lang-dropdown .fi,.lang-dropdown-item .fi{display:inline-block;width:1.2em;height:0.9em;vertical-align:middle;border-radius:0.15em;flex-shrink:0}.preset-sep{border:none;border-top:0.0625rem solid var(--border);margin:.35rem 0}.preset-best-x{margin-top:.5rem}.preset-preview-wrap{margin-top:.6rem;border-radius:.5rem;overflow:hidden}.preset-preview-wrap iframe{width:100%;height:280px;border:none;display:block;border-radius:.5rem}.preset-preview-panel{display:flex;flex-direction:column;gap:.5rem;padding:1rem;min-width:0;align-self:stretch}.preset-preview-panel h3{font-size:1rem;color:var(--text);margin:0 0 .25rem}.preset-preview-panel .preset-preview-wrap{margin-top:0;flex:1;display:flex;flex-direction:column}.preset-preview-panel .preset-preview-wrap iframe{flex:1;min-height:320px;height:100%}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.best-x-mode-options{display:flex;flex-wrap:wrap;gap:.25rem;margin:.35rem 0}.preset-best-x input[type=text]{margin-top:.35rem;width:100%}