.toast-container[data-v-f20bcd97]{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast[data-v-f20bcd97]{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:6px;box-shadow:0 4px 12px #0006;cursor:pointer;pointer-events:auto;border-left:4px solid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:slideIn-f20bcd97 .3s ease-out}.toast-success[data-v-f20bcd97]{background:linear-gradient(135deg,#4cd964f2,#4cd964d9);border-left-color:#4cd964}.toast-error[data-v-f20bcd97]{background:linear-gradient(135deg,#ff3b30f2,#ff3b30d9);border-left-color:#ff3b30}.toast-warning[data-v-f20bcd97]{background:linear-gradient(135deg,#ffc107f2,#ffc107d9);border-left-color:#fc0}.toast-info[data-v-f20bcd97]{background:linear-gradient(135deg,#5c9dfff2,#5c9dffd9);border-left-color:#5c9eff}.toast-icon[data-v-f20bcd97]{font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.toast-message[data-v-f20bcd97]{flex:1;color:#fff;font-size:14px;font-weight:500;line-height:1.4}.toast-close[data-v-f20bcd97]{background:none;border:none;color:#ffffffb3;font-size:20px;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s;flex-shrink:0}.toast-close[data-v-f20bcd97]:hover{color:#fff}.toast-enter-active[data-v-f20bcd97]{animation:slideIn-f20bcd97 .3s ease-out}.toast-leave-active[data-v-f20bcd97]{animation:slideOut-f20bcd97 .3s ease-in}@keyframes slideIn-f20bcd97{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut-f20bcd97{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 480px){.toast-container[data-v-f20bcd97]{top:60px;right:10px;left:10px;max-width:none}.toast[data-v-f20bcd97]{padding:12px 14px;gap:10px}.toast-message[data-v-f20bcd97]{font-size:13px}}.splash-screen[data-v-5a7e9d06]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f0f1a);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;transition:opacity .5s ease}.splash-screen.exiting[data-v-5a7e9d06]{opacity:0;pointer-events:none}.curtain[data-v-5a7e9d06]{position:absolute;top:0;width:50%;height:100%;background:#0a0a14;z-index:5;transition:transform .8s cubic-bezier(.4,0,.2,1)}.curtain-left[data-v-5a7e9d06]{left:0;transform:translate(0) skew(0)}.curtain-right[data-v-5a7e9d06]{right:0;transform:translate(0) skew(0)}.curtain-left.curtain-open[data-v-5a7e9d06]{transform:translate(-100%) skew(-15deg)}.curtain-right.curtain-open[data-v-5a7e9d06]{transform:translate(100%) skew(-15deg)}.splash-content[data-v-5a7e9d06]{text-align:center;z-index:10;transition:opacity .5s ease}.splash-screen.exiting .splash-content[data-v-5a7e9d06]{opacity:0}.logo-area[data-v-5a7e9d06]{margin-bottom:60px}.splash-title[data-v-5a7e9d06]{font-size:28px;font-weight:300;color:gold;letter-spacing:8px;text-transform:uppercase;margin-bottom:16px;font-family:Courier New,monospace;text-shadow:0 0 20px rgba(255,215,0,.4)}.splash-subtitle[data-v-5a7e9d06]{font-size:12px;color:#666;letter-spacing:6px;text-transform:uppercase;font-family:Courier New,monospace}.loading-area[data-v-5a7e9d06]{max-width:300px;margin:0 auto}.loader-wrapper[data-v-5a7e9d06]{position:relative;width:100px;height:100px;margin:0 auto 30px}.loader[data-v-5a7e9d06]{position:relative;width:100%;height:100%}.loader-ring[data-v-5a7e9d06]{position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid rgba(255,215,0,.15);border-radius:50%;animation:loader-rotate-5a7e9d06 1.5s linear infinite}.loader-ring[data-v-5a7e9d06]:before{content:"";position:absolute;top:-4px;left:-4px;width:100%;height:100%;border:4px solid transparent;border-top-color:gold;border-radius:50%}.loader-inner-ring[data-v-5a7e9d06]{position:absolute;top:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px);border:3px solid rgba(255,170,0,.15);border-radius:50%;animation:loader-rotate-5a7e9d06 1.2s linear infinite reverse}.loader-inner-ring[data-v-5a7e9d06]:before{content:"";position:absolute;top:-3px;left:-3px;width:100%;height:100%;border:3px solid transparent;border-top-color:#fa0;border-radius:50%;animation:loader-rotate-5a7e9d06 1.8s linear infinite}.loader-core[data-v-5a7e9d06]{position:absolute;top:50%;left:50%;width:20px;height:20px;background:gold;border-radius:50%;transform:translate(-50%,-50%);animation:core-pulse-5a7e9d06 1s ease-in-out infinite;box-shadow:0 0 10px gold,0 0 20px #ffd70080,0 0 30px #ffd7004d}.loader-glow[data-v-5a7e9d06]{position:absolute;top:50%;left:50%;width:120px;height:120px;background:radial-gradient(circle,rgba(255,215,0,.15) 0%,transparent 70%);transform:translate(-50%,-50%);animation:glow-pulse-5a7e9d06 2s ease-in-out infinite;pointer-events:none}@keyframes loader-rotate-5a7e9d06{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes core-pulse-5a7e9d06{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 10px gold,0 0 20px #ffd70080,0 0 30px #ffd7004d}50%{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 15px gold,0 0 30px #ffd70099,0 0 45px #ffd70066}}@keyframes glow-pulse-5a7e9d06{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.loading-text[data-v-5a7e9d06]{color:gold;font-size:14px;margin-bottom:12px;letter-spacing:1px;font-family:Courier New,monospace;text-transform:uppercase}.loading-percent[data-v-5a7e9d06]{color:#fa0;font-size:24px;font-weight:700;font-family:Courier New,monospace;margin-bottom:12px;text-shadow:0 0 10px rgba(255,170,0,.5)}.loading-progress[data-v-5a7e9d06]{height:3px;background:#ffd7001a;border-radius:2px;overflow:hidden;margin-bottom:16px}.progress-bar[data-v-5a7e9d06]{height:100%;background:linear-gradient(90deg,gold,#fa0);border-radius:2px;transition:width .3s ease;box-shadow:0 0 10px #ffd70080}.loading-hint[data-v-5a7e9d06]{color:#666;font-size:12px;letter-spacing:.5px;font-family:Courier New,monospace}.loaded-status[data-v-5a7e9d06]{width:100px;height:100px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center}.check-icon[data-v-5a7e9d06]{width:60px;height:60px;border:4px solid #ffd700;border-radius:50%;display:flex;align-items:center;justify-content:center;color:gold;font-size:32px;font-weight:700;animation:check-pop-5a7e9d06 .4s ease-out;box-shadow:0 0 20px #ffd70066,0 0 40px #ffd70033}@keyframes check-pop-5a7e9d06{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.app-container[data-v-62959e60]{min-height:100vh;display:flex;flex-direction:column;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;z-index:1}.app-header[data-v-62959e60]{height:56px;background:var(--bg-medium);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:100;gap:16px}.app-header[data-v-62959e60]:after{content:"";position:absolute;bottom:-1px;left:0;width:120px;height:1px;background:var(--accent-yellow)}.logo[data-v-62959e60]{display:flex;align-items:center;gap:10px;margin-right:32px}.logo-icon[data-v-62959e60]{width:28px;height:28px;font-size:20px;display:flex;align-items:center;justify-content:center;background:var(--accent-yellow);color:var(--bg-dark);border-radius:2px}.logo-text[data-v-62959e60]{font-size:16px;font-weight:700;color:var(--text-primary);white-space:nowrap;letter-spacing:1px;text-transform:uppercase}.nav-menu[data-v-62959e60]{display:flex;gap:0;flex:1}.nav-menu a[data-v-62959e60]{color:var(--text-muted);text-decoration:none;padding:8px 16px;border-radius:0;transition:all .2s;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid transparent;margin-bottom:-1px}.nav-menu a[data-v-62959e60]:hover{color:var(--text-primary);background:#ffffff08}.nav-menu a.router-link-active[data-v-62959e60]{color:var(--accent-yellow);border-bottom-color:var(--accent-yellow);background:var(--accent-yellow-glow)}.nav-menu a.highlight[data-v-62959e60]{color:var(--accent-yellow)}.nav-menu a.highlight.router-link-active[data-v-62959e60]{background:var(--accent-yellow-glow)}.nav-menu a.admin-link[data-v-62959e60]{color:var(--danger)!important;font-weight:600}.nav-menu a.admin-link.router-link-active[data-v-62959e60]{border-bottom-color:var(--danger);background:#ff3b3014}.nav-icon[data-v-62959e60]{font-size:14px}.nav-badge[data-v-62959e60]{background:var(--danger);color:#fff;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:700;margin-left:4px;min-width:18px;text-align:center}.user-area[data-v-62959e60]{position:relative;margin-left:auto}.user-info-mobile[data-v-62959e60]{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 12px;border-radius:2px;background:#ffffff08;border:1px solid transparent;transition:all .3s;position:relative;overflow:hidden}.user-info-mobile[data-v-62959e60]:before{content:"";position:absolute;left:0;top:0;height:100%;width:2px;background:linear-gradient(180deg,var(--accent-yellow),transparent);opacity:0;transition:opacity .3s}.user-info-mobile[data-v-62959e60]:hover{background:#ffd70014;border-color:var(--border-yellow)}.user-info-mobile[data-v-62959e60]:hover:before{opacity:1}.user-dropdown[data-v-62959e60]{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:2px;overflow:hidden;min-width:160px;box-shadow:0 8px 24px #00000080;z-index:200}.dropdown-item[data-v-62959e60]{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:none;color:var(--text-secondary);font-size:13px;cursor:pointer;text-align:left;font-weight:500;transition:all .2s}.dropdown-item[data-v-62959e60]:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.logout[data-v-62959e60]{color:var(--danger)}.dropdown-item.logout[data-v-62959e60]:hover{background:#ff3b301a}.user-info[data-v-62959e60]{margin-left:auto}.login-link[data-v-62959e60]{display:flex;align-items:center;gap:6px;color:var(--accent-yellow);text-decoration:none;padding:8px 16px;border-radius:2px;background:var(--accent-yellow-glow);border:1px solid var(--border-yellow);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.login-link[data-v-62959e60]:hover{background:#ffd70033;border-color:var(--accent-yellow)}.admin-badge[data-v-62959e60]{background:var(--accent-yellow);color:var(--bg-dark);padding:3px 10px;border-radius:2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 8px #ffd7004d}.super-admin-badge[data-v-62959e60]{background:linear-gradient(135deg,gold,orange);color:var(--bg-dark);font-weight:700;box-shadow:0 0 12px #ffd70080}.username[data-v-62959e60]{color:var(--accent-yellow);font-weight:600;font-size:13px;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,215,0,.3);transition:all .3s}.username[data-v-62959e60]:before{content:"◆";font-size:8px;margin-right:6px;vertical-align:middle;opacity:.7}.user-info-mobile:hover .username[data-v-62959e60]{text-shadow:0 0 15px rgba(255,215,0,.6);letter-spacing:1px}.mobile-menu-btn[data-v-62959e60]{display:none;position:fixed;top:12px;left:16px;z-index:1001;width:36px;height:36px;border-radius:2px;background:var(--bg-medium);border:1px solid var(--border-color);cursor:pointer;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px}.mobile-menu-btn span[data-v-62959e60]{display:block;width:20px;height:2px;background:var(--accent-yellow);border-radius:0;transition:all .3s}.mobile-menu-btn.active span[data-v-62959e60]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span[data-v-62959e60]:nth-child(2){opacity:0}.mobile-menu-btn.active span[data-v-62959e60]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.app-main[data-v-62959e60]{flex:1;padding:16px;max-width:1400px;width:100%;margin:0 auto;min-height:calc(100vh - 62px);background-size:cover;background-position:center;background-attachment:fixed}@media (min-width: 1600px){.app-main[data-v-62959e60]{max-width:85vw;padding:20px 32px}}@media (min-width: 2000px){.app-main[data-v-62959e60]{max-width:90vw;padding:24px 48px}}.app-footer[data-v-62959e60]{text-align:center;padding:20px;border-top:1px solid var(--border-color);background:var(--bg-medium)}.app-footer[data-v-62959e60]:before{content:"";display:block;width:40px;height:2px;background:var(--accent-yellow);margin:0 auto 16px}.footer-content[data-v-62959e60]{max-width:800px;margin:0 auto 12px}.footer-info[data-v-62959e60]{color:var(--text-secondary);font-size:13px;line-height:1.6}.footer-info a[data-v-62959e60]{color:var(--accent-yellow);text-decoration:none}.copyright[data-v-62959e60]{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.welcome-modal-overlay[data-v-62959e60]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome-modal[data-v-62959e60]{background:var(--bg-medium);border:1px solid var(--border-yellow);border-radius:4px;padding:32px;max-width:420px;width:100%;text-align:center;box-shadow:0 0 60px #ffd70026;position:relative}.welcome-modal[data-v-62959e60]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-yellow),transparent)}.welcome-header[data-v-62959e60]{margin-bottom:24px}.welcome-icon[data-v-62959e60]{font-size:48px;display:block;margin-bottom:12px}.welcome-header h2[data-v-62959e60]{color:var(--accent-yellow);font-size:26px;margin:0;font-weight:700;letter-spacing:2px;text-transform:uppercase}.welcome-content[data-v-62959e60]{margin-bottom:24px}.welcome-username[data-v-62959e60]{font-size:22px;color:var(--accent-yellow);font-weight:600;margin-bottom:8px}.welcome-role[data-v-62959e60]{display:inline-block;background:var(--accent-yellow-glow);color:var(--accent-yellow);padding:4px 16px;border-radius:2px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--border-yellow)}.welcome-role.super[data-v-62959e60]{background:var(--accent-yellow);color:var(--bg-dark);border-color:var(--accent-yellow)}.welcome-announcement[data-v-62959e60]{background:#0000004d;border:1px solid var(--border-color);border-radius:2px;padding:16px;margin-bottom:24px;text-align:left}.welcome-announcement h4[data-v-62959e60]{color:var(--accent-yellow);margin-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.announcement-title[data-v-62959e60]{color:var(--text-primary);font-weight:600;margin-bottom:6px;font-size:14px}.announcement-content[data-v-62959e60]{color:var(--text-secondary);font-size:13px;line-height:1.5}.welcome-btn[data-v-62959e60]{width:100%;padding:14px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.fade-enter-active[data-v-62959e60],.fade-leave-active[data-v-62959e60]{transition:opacity .2s ease}.fade-enter-from[data-v-62959e60],.fade-leave-to[data-v-62959e60]{opacity:0}.modal-overlay[data-v-62959e60]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-62959e60]{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:4px;width:400px;max-width:100%;position:relative}.modal[data-v-62959e60]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-yellow),transparent)}.modal-header[data-v-62959e60]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-62959e60]{margin:0;font-size:16px;color:var(--text-primary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.close-btn[data-v-62959e60]{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:0;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s}.close-btn[data-v-62959e60]:hover{color:var(--danger);background:#ff3b301a}.modal-body[data-v-62959e60]{padding:20px}.form-group[data-v-62959e60]{margin-bottom:16px}.form-group label[data-v-62959e60]{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.input[data-v-62959e60]{width:100%;padding:10px 12px;background:#0000004d;border:1px solid var(--border-color);border-radius:2px;color:var(--text-primary);font-size:14px;box-sizing:border-box;transition:all .2s}.input[data-v-62959e60]:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 2px #ffd7001a}.error-msg[data-v-62959e60]{color:var(--danger);font-size:13px;margin-bottom:12px}.form-actions[data-v-62959e60]{display:flex;gap:12px;margin-top:20px}.btn[data-v-62959e60]{padding:10px 20px;border-radius:2px;cursor:pointer;font-size:13px;border:none;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.btn-primary[data-v-62959e60]{background:var(--accent-yellow);color:var(--bg-dark)}.btn-primary[data-v-62959e60]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-62959e60]{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary[data-v-62959e60]:hover{border-color:var(--border-yellow);color:var(--text-primary)}@media (max-width: 1100px) and (min-width: 769px){.app-header[data-v-62959e60]{padding:0 12px;gap:6px}.logo[data-v-62959e60]{margin-right:8px;gap:4px}.logo-text[data-v-62959e60]{font-size:12px;letter-spacing:.3px}.logo-icon[data-v-62959e60]{width:22px;height:22px;font-size:14px}.nav-menu[data-v-62959e60]{min-width:0;overflow:hidden}.nav-menu a[data-v-62959e60]{padding:6px 8px;font-size:11px;gap:3px;flex-shrink:1}.nav-menu a .nav-icon[data-v-62959e60]{display:none}.nav-badge[data-v-62959e60]{font-size:9px;min-width:16px;padding:0 4px}.user-info-mobile[data-v-62959e60]{padding:3px 6px;gap:4px;font-size:11px;flex-shrink:0}.admin-badge[data-v-62959e60]{display:none}}@media (max-width: 768px){.mobile-menu-btn[data-v-62959e60]{display:flex}.app-header[data-v-62959e60]{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;flex-direction:column;padding:80px 20px 20px;transform:translate(-100%);transition:transform .3s ease;z-index:1000;background:var(--bg-dark)}.app-header.menu-open[data-v-62959e60]{transform:translate(0)}.logo[data-v-62959e60]{margin-right:0;margin-bottom:24px}.logo-text[data-v-62959e60]{font-size:18px}.nav-menu[data-v-62959e60]{flex-direction:column;width:100%;gap:4px}.nav-menu a[data-v-62959e60]{padding:14px 18px;font-size:14px;background:#ffffff08;border-bottom:none;margin-bottom:0}.nav-menu a.router-link-active[data-v-62959e60]{background:var(--accent-yellow-glow);border-left:3px solid var(--accent-yellow)}.nav-menu a .nav-icon[data-v-62959e60]{font-size:18px}.user-area[data-v-62959e60]{margin-left:0;margin-top:auto;width:100%}.user-info-mobile[data-v-62959e60]{width:100%;justify-content:center;padding:14px;font-size:14px}.user-dropdown[data-v-62959e60]{position:static;margin-top:12px;width:100%;border-radius:2px}.dropdown-item[data-v-62959e60]{padding:14px 18px;font-size:14px}.user-info[data-v-62959e60]{margin-left:0;margin-top:auto}.login-link[data-v-62959e60]{width:100%;justify-content:center;padding:14px;font-size:14px}.app-main[data-v-62959e60]{padding:56px 12px 12px}.welcome-modal[data-v-62959e60]{padding:24px}.welcome-icon[data-v-62959e60]{font-size:36px}.welcome-header h2[data-v-62959e60]{font-size:20px}.welcome-username[data-v-62959e60]{font-size:18px}}@media (max-width: 480px){.logo-text[data-v-62959e60]{font-size:14px}.admin-badge[data-v-62959e60]{display:none}.app-main[data-v-62959e60]{padding:52px 10px 10px}}@media (orientation: landscape) and (max-height: 500px){.app-header[data-v-62959e60]{height:50px}.app-main[data-v-62959e60]{padding-top:54px}.logo-text[data-v-62959e60]{font-size:14px}.nav-menu[data-v-62959e60]{top:50px}.nav-menu a[data-v-62959e60]{padding:8px 16px;font-size:14px}.user-area[data-v-62959e60]{position:absolute;right:60px}.user-info-mobile[data-v-62959e60]{padding:8px 12px}.mobile-user-header[data-v-62959e60]{padding:8px 12px;margin-bottom:8px}.mobile-user-header .mobile-username[data-v-62959e60]{font-size:12px}.mobile-user-actions[data-v-62959e60]{gap:6px}.mobile-action-btn[data-v-62959e60]{width:32px;height:32px;font-size:14px}}@media (orientation: landscape){.app-main[data-v-62959e60]{padding-top:54px}}@media screen and (orientation: landscape){.app-container[data-v-62959e60]{min-height:100vh}}:root{--accent-yellow: #FFD700;--accent-yellow-dark: #E5B80B;--accent-yellow-dim: rgba(255, 215, 0, .6);--accent-yellow-glow: rgba(255, 215, 0, .15);--bg-dark: #0a0a0a;--bg-medium: #111111;--bg-light: #1a1a1a;--bg-card: rgba(255, 255, 255, .03);--bg-hover: rgba(255, 255, 255, .06);--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #666666;--text-dark: #444444;--accent-blue: #5C9DFF;--accent-green: #4CD964;--accent-orange: #FF9500;--accent-purple: #BF5AF2;--danger: #FF3B30;--border-color: rgba(255, 255, 255, .08);--border-yellow: rgba(255, 215, 0, .3);--border-yellow-strong: rgba(255, 215, 0, .5);--shadow-soft: 0 4px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 12px rgba(0, 0, 0, .4);--glow-yellow: 0 0 20px rgba(255, 215, 0, .2);--glow-yellow-strong: 0 0 30px rgba(255, 215, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-dark);min-height:100vh;color:var(--text-primary);position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffd70066;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#ffd700b3}*::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.4) transparent}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 55%,rgba(255,215,0,.04) 55%,rgba(255,215,0,.04) 65%,transparent 65%),linear-gradient(135deg,transparent 70%,rgba(255,255,255,.02) 70%,rgba(255,255,255,.02) 78%,transparent 78%),linear-gradient(90deg,transparent 39px,rgba(255,215,0,.08) 39px,rgba(255,215,0,.08) 40px,transparent 40px),radial-gradient(circle at 15% 85%,rgba(255,215,0,.03) 0%,transparent 40%),radial-gradient(circle at 85% 15%,rgba(255,215,0,.02) 0%,transparent 35%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:16px;left:16px;width:8px;height:8px;background:var(--accent-yellow);pointer-events:none;z-index:1;opacity:.6}#app{min-height:100vh;position:relative}.page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-yellow);position:relative}.page-title:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:var(--accent-yellow)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative}.card:before{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:var(--accent-yellow);transition:height .3s ease}.card:hover{border-color:var(--border-yellow);box-shadow:var(--shadow-soft)}.card:hover:before{height:100%}.btn{padding:10px 20px;border:none;border-radius:2px;cursor:pointer;font-size:14px;transition:all .2s ease;font-weight:600;letter-spacing:.5px;text-transform:uppercase;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease}.btn:hover:before{left:100%}.btn-primary{background:var(--accent-yellow);color:var(--bg-dark);box-shadow:0 2px 12px #ffd7004d}.btn-primary:hover{background:#ffe135;box-shadow:0 4px 20px #ffd70066;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-yellow);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{box-shadow:0 4px 15px #ff3b3066}.input,.select{width:100%;padding:12px 16px;background:#0006;border:1px solid var(--border-color);border-radius:2px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s ease}.input:focus,.select:focus{border-color:var(--accent-yellow);box-shadow:0 0 0 2px #ffd7001a}.input::placeholder{color:var(--text-muted)}.select option{background:var(--bg-medium);color:var(--text-primary)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary)}.loading:after{content:"";width:20px;height:20px;border:2px solid var(--accent-yellow);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin-left:12px}@keyframes spin{to{transform:rotate(360deg)}}.tag{display:inline-block;padding:3px 10px;border-radius:2px;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.tag-raw{background:#5c9dff26;color:var(--accent-blue);border:1px solid rgba(92,157,255,.3)}.tag-prod{background:#4cd96426;color:var(--accent-green);border:1px solid rgba(76,217,100,.3)}.tag-byprod{background:#ff950026;color:var(--accent-orange);border:1px solid rgba(255,149,0,.3)}.tag-plant{background:#bf5af226;color:var(--accent-purple);border:1px solid rgba(191,90,242,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:4px;width:90%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0009;position:relative}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-yellow),transparent)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.close-btn{background:#ffffff0d;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:2px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ff3b3033;color:var(--danger)}.form-group{margin-bottom:16px}.form-group label{display:block;color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.form-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.textarea{resize:vertical;min-height:80px}.tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{background:none;border:none;color:var(--text-muted);padding:12px 20px;cursor:pointer;border-radius:0;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:8px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.tab.active{color:var(--accent-yellow);border-bottom-color:var(--accent-yellow);background:var(--accent-yellow-glow)}.page-container{padding:20px 0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px;flex-wrap:wrap;padding-top:8px}.empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.error-message{color:var(--danger);padding:16px;background:#ff3b301a;border-radius:2px;border:1px solid rgba(255,59,48,.2)}.diagonal-accent{position:relative;overflow:hidden}.diagonal-accent:after{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:linear-gradient(135deg,transparent 45%,rgba(255,215,0,.04) 45%,rgba(255,215,0,.04) 55%,transparent 55%);pointer-events:none;z-index:0}@media (max-width: 768px){:root{--header-height: auto}body:after{display:none}.page-title{font-size:20px;margin-bottom:12px;padding-bottom:8px}.card{padding:12px;margin-bottom:12px}.btn{padding:10px 16px;font-size:13px}.input,.select{padding:10px 14px;font-size:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.modal-overlay{padding:0;align-items:flex-end}.modal{width:100%;max-width:100%;border-radius:8px 8px 0 0;max-height:85vh}.modal-header,.modal-body{padding:16px 20px}.modal-footer{padding:12px 20px;flex-direction:column}.modal-footer .btn{width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.tabs{gap:0;padding-bottom:0}.tab{padding:8px 14px;font-size:13px}.page-header{flex-direction:column;align-items:stretch}.page-header .btn{width:100%}.filters{flex-direction:column!important;gap:12px!important}.filters .select,.filters .search-input{width:100%!important;max-width:100%!important}}@media (max-width: 480px){.page-title{font-size:20px}.card{padding:12px}.btn{padding:10px 14px;font-size:13px}.input,.select{padding:10px 12px;font-size:13px}}@media (hover: none) and (pointer: coarse){.btn:active{transform:scale(.98)}.card:active{transform:scale(.99)}a,button{-webkit-tap-highlight-color:rgba(255,215,0,.15)}}