:root{--bg: #000000;--surface: #1c1c1e;--surface-light: #2c2c2e;--accent: #a3ff00;--text: #ffffff;--text-muted: #8e8e93;--radius: 14px;--radius-sm: 10px;--max-width: 480px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}input,button{font:inherit;border:none;outline:none}.page{min-height:100%;width:100%;max-width:var(--max-width);margin:0 auto;background:var(--bg);overflow-x:hidden}.page-with-nav{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.page.tab-page{padding-top:16px;padding-left:16px;padding-right:16px}.input-field{width:100%;padding:16px 20px;background:var(--surface);border-radius:var(--radius);color:var(--text);font-size:15px}.input-field::placeholder{color:var(--text-muted)}.btn-primary{width:100%;padding:16px;background:var(--surface-light);border-radius:var(--radius);color:var(--text);font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-primary:active{opacity:.8}.btn-accent{background:var(--accent);color:#000;font-weight:600}.btn-accent:active{opacity:.9}.icon-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;background:var(--surface);border-radius:var(--radius);color:var(--text);font-size:12px;cursor:pointer}.icon-btn svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5}.error-msg{color:#ff453a;font-size:13px;text-align:center;margin-top:8px}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;-webkit-appearance:textfield;appearance:textfield}img,video{max-width:100%;height:auto}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@media(max-width:360px){.page.tab-page{padding-left:12px;padding-right:12px}.input-field{padding:14px 16px;font-size:14px}.btn-primary{padding:14px;font-size:15px}}.admin-layout .main input.input-field,.admin-layout .main select.input-field,.admin-layout .main textarea.input-field,.admin-layout .main textarea.textarea,.admin-login input.input-field{background:#3a3a42;border:1px solid #63636e;border-radius:8px;color:#fff;transition:border-color .15s,box-shadow .15s}.admin-layout .main input.input-field:focus,.admin-layout .main select.input-field:focus,.admin-layout .main textarea.input-field:focus,.admin-layout .main textarea.textarea:focus,.admin-login input.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px #a3ff002e}.admin-layout .main input.input-field:disabled,.admin-layout .main select.input-field:disabled,.admin-login input.input-field:disabled{background:#2e2e34;border-color:#4a4a52;color:#b0b0b8;opacity:1}.admin-layout .main input[type=time].input-field::-webkit-calendar-picker-indicator,.admin-layout .main input[type=date].input-field::-webkit-calendar-picker-indicator{filter:invert(.85);cursor:pointer}@media(max-width:768px){.admin-layout .main{padding:16px 12px}.admin-layout .main h2{font-size:18px}.admin-layout .header-row{flex-direction:column;align-items:stretch}.admin-layout .filters,.admin-layout .search-row,.admin-layout .filter-row,.admin-layout .toolbar{flex-wrap:wrap;gap:8px}.admin-layout .filters input,.admin-layout .filters select,.admin-layout .search-row input,.admin-layout .filter-row input,.admin-layout .filter-row select{max-width:100%;min-width:0;flex:1 1 140px}.admin-layout .main .modal,.admin-layout .main .modal-box,.admin-layout .modal-mask .modal{width:92vw!important;max-width:92vw!important;margin:0 auto;box-sizing:border-box}.admin-layout .main table{font-size:13px}}.admin-layout .header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.admin-layout .header-row h2{margin:0}.admin-layout .filters,.admin-layout .search-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.admin-layout .filter-select,.admin-layout .type-select,.admin-layout .search-input{min-width:140px;padding:8px 12px;background:#3a3a42;color:var(--text);border:1px solid #63636e;border-radius:8px;font-size:14px}.admin-layout .search-input{width:220px;min-width:160px}.admin-layout .search-btn{padding:8px 16px;background:var(--accent);color:#000;border-radius:8px;font-weight:600;cursor:pointer}.admin-layout .reset-btn{padding:8px 14px;background:#2c2c2e;color:var(--text);border:1px solid #444;border-radius:8px;font-size:14px;cursor:pointer}