body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background:#e63946;box-shadow:0 4px 24px #00000026;color:#fff;height:56px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.brand-text{font-size:20px;font-weight:700;letter-spacing:.5px}.nav-link,.navbar-menu{display:flex;gap:8px}.nav-link{align-items:center;border-radius:8px;color:#fff9;font-size:14px;font-weight:600;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s}.nav-link:hover{color:#ffffffd9}.nav-link.active{color:#fff}.navbar-user{align-items:center;display:flex;position:relative}.user-dropdown-btn{align-items:center;background:none;border:none;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.user-dropdown-btn:hover{background-color:#ffffff14;color:#fff}.user-name{font-size:14px;font-weight:500}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{animation:dropdownFadeIn .15s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 4px 24px #00000026;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-header{align-items:center;background-color:#f8f9fb;display:flex;gap:12px;padding:16px}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#e63946,#c1121f);border-radius:10px;box-shadow:0 2px 8px #e639464d;color:#fff;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.dropdown-user-info{flex:1 1;min-width:0}.dropdown-user-name{color:#0d1b2a;font-size:14px;font-weight:600}.dropdown-user-email{color:#64748b;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{background-color:#0000000f;height:1px}.user-dropdown-menu .dropdown-item{align-items:center;background:none;border:none;color:#1a1a2e;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left;transition:all .15s;width:100%}.user-dropdown-menu .dropdown-item:hover{background-color:#f8f9fb}.user-dropdown-menu .dropdown-item svg{color:#64748b;flex-shrink:0}.user-dropdown-menu .dropdown-item:hover svg{color:#e63946}.user-dropdown-menu .dropdown-item.logout{color:#64748b}.user-dropdown-menu .dropdown-item.logout:hover{background-color:#e639460d;color:#e63946}.user-dropdown-menu .dropdown-item.logout:hover svg{color:#e63946}.hamburger-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;margin-left:-8px;padding:8px}.slide-menu-overlay{background-color:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:200}.slide-menu-overlay.open{display:block;opacity:1}.slide-menu{background-color:#fff;bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:201}.slide-menu.open{transform:translateX(0)}.slide-menu-header{background-color:#f8f9fb;border-bottom:1px solid #0000000f;padding:24px 20px}.slide-menu-user{gap:12px}.slide-menu-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#e63946,#c1121f);border-radius:12px;box-shadow:0 2px 8px #e639464d;color:#fff;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.user-info{flex:1 1}.user-info-name{color:#0d1b2a;font-size:16px;font-weight:600}.user-info-email{color:#64748b;font-size:13px;margin-top:2px}.slide-menu-nav{flex:1 1;padding:12px 0}.slide-menu-link{align-items:center;color:#1a1a2e;display:flex;font-size:15px;font-weight:500;gap:16px;padding:14px 20px;text-decoration:none;transition:all .2s}.slide-menu-link:hover{background-color:#f8f9fb}.slide-menu-link.active{background-color:#e6394614;border-left:3px solid #e63946;color:#e63946}.slide-menu-link svg{color:#64748b}.slide-menu-link.active svg{color:#e63946}.slide-menu-divider{background-color:#0000000f;height:1px;margin:8px 0}.slide-menu-section-title{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 20px 8px;text-transform:uppercase}.slide-menu-footer{border-top:1px solid #0000000f;padding:16px 20px}.logout-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:16px;padding:14px 0;text-align:left;width:100%}.logout-btn:hover{color:#e63946}.bottom-nav{background-color:#fff;border-top:1px solid #0000000f;bottom:0;box-shadow:0 -4px 24px #0000000f;display:none;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:100}.bottom-nav-container{align-items:center;display:flex;height:56px;justify-content:space-around}.bottom-nav-link{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:4px;justify-content:center;min-width:64px;padding:8px 12px;text-decoration:none}.bottom-nav-link,.bottom-nav-link svg{transition:color .2s}.bottom-nav-link.active,.bottom-nav-link.active svg,.bottom-nav-link:hover{color:#e63946}@media (max-width:768px){.hamburger-btn{align-items:center;display:flex;justify-content:center}.navbar-menu,.navbar-user{display:none}.navbar{gap:12px;justify-content:flex-start}.navbar-brand{flex:1 1;justify-content:center;margin-right:32px}.bottom-nav{display:block}.slide-menu-overlay{display:none}.slide-menu-overlay.open{display:block}}@media (max-width:480px){.navbar{height:52px;padding:0 16px}.brand-text{font-size:18px}.bottom-nav-link{font-size:10px;min-width:56px;padding:8px}.slide-menu{width:260px}}.equipment-profile{margin:0 auto;max-width:1400px}.equipment-profile .loading{color:#9ca3af;padding:60px;text-align:center}.equipment-profile .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.equipment-profile .page-title{color:#333;font-size:24px;font-weight:600;margin:0}.page-header-right{align-items:center;display:flex;gap:12px}.view-mode-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.view-mode-toggle .toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease}.view-mode-toggle .toggle-btn:hover:not(.active){background:#e5e7eb;color:#374151}.view-mode-toggle .toggle-btn.active{box-shadow:0 1px 3px #0000001a}.view-mode-toggle .toggle-btn.active.admin{background:#e63946;color:#fff}.view-mode-toggle .toggle-btn.active.user{background:#10b981;color:#fff}.equipment-intro{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:20px}.equipment-intro svg{color:#dc2626;flex-shrink:0;margin-top:2px}.equipment-intro h3{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.equipment-intro p{color:#666;font-size:14px;line-height:1.5;margin:0}.equipment-card-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:visible}.equipment-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;overflow:visible;padding:20px 24px;position:relative;z-index:10}.search-container{align-items:stretch;display:flex;flex:1 1;height:48px;max-width:500px}.search-mode-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-right:none;color:#9ca3af;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .15s;width:52px}.search-mode-btn:first-child{border-radius:8px 0 0 8px}.search-mode-btn.active{background:#3b82f6;color:#fff}.search-mode-btn.tag.active{background:#f97316}.search-mode-btn:hover:not(.active){background:#f9fafb;color:#6b7280}.search-input-wrapper{flex:1 1;height:48px;position:relative}.search-input-container{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:0 8px 8px 0;box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;gap:8px;height:100%;padding:0 16px}.search-input-container input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:14px;height:100%;min-width:120px;outline:none}.search-input-container input::placeholder{color:#9ca3af}.search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;line-height:1;padding:4px}.search-clear:hover{color:#6b7280}.tag-pill{align-items:center;border-radius:4px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:4px 10px}.tag-pill button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;opacity:.7;padding:0}.tag-pill button:hover{opacity:1}.tag-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 12px 40px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.dropdown-header{background:#fafafa;border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 14px 6px;text-transform:uppercase}.dropdown-option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:background .1s}.dropdown-option:hover{background:#f9fafb}.dropdown-option.selected{background:#eff6ff}.dropdown-option-content{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:10px}.dropdown-option .category-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.dropdown-option span{color:#1f2937;font-size:14px}.dropdown-option .category-count{color:#9ca3af;font-size:12px}.dropdown-option .check{color:#3b82f6;margin-left:auto}.category-delete-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px;transition:all .15s}.dropdown-option:hover .category-delete-btn{opacity:1}.category-delete-btn:hover{background:#fee2e2;color:#dc2626}.dropdown-empty{color:#9ca3af;padding:20px;text-align:center}.save-toast{animation:slideUp .3s ease;background:#22c55e;border-radius:8px;bottom:24px;box-shadow:0 4px 12px #0003;color:#fff;font-size:14px;font-weight:500;gap:8px;left:50%;position:fixed;transform:translateX(-50%);z-index:1000}.equipment-summary-row,.save-toast{align-items:center;display:flex;padding:12px 24px}.equipment-summary-row{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between}.summary-left{align-items:center;display:flex;gap:8px}.selected-count{color:#e63946;font-size:14px;font-weight:500}.selected-count.admin-count{color:#6b7280}.summary-dot{color:#9ca3af;font-size:14px}.unsaved-warning{color:#f59e0b;font-size:14px;font-weight:500}.showing-count{color:#6b7280;font-size:14px}.filter-desc{font-weight:500}.equipment-grid-3col{background:#f5f6f8;display:grid;grid-template-columns:1fr 1fr 1fr;max-height:600px;overflow-y:auto;padding:8px 8px 60px}.equipment-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border-left:3px solid #0000;border-radius:8px;display:flex;gap:10px;margin:8px;padding:10px 12px;position:relative;transition:all .15s}.equipment-row.hovered,.equipment-row:hover{background:#f9fafb;box-shadow:0 2px 4px #0000000a}.equipment-row.selected{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #e63946}.equipment-thumb{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background-position:50%;background-size:cover;border:1px solid #e5e7eb;border-radius:6px;color:#d1d5db;flex-shrink:0;height:40px;position:relative;width:40px}.equipment-thumb,.equipment-thumb-checkbox{align-items:center;display:flex;justify-content:center}.equipment-thumb-checkbox{background:#fff;border:2px solid #d1d5db;border-radius:50%;box-shadow:0 1px 3px #00000026;cursor:pointer;height:20px;position:absolute;right:-6px;top:-6px;transition:all .15s ease;width:20px;z-index:2}.equipment-thumb-checkbox.hover,.equipment-thumb-checkbox:hover{background:#f3f4f6;border-color:#9ca3af;transform:scale(1.1)}.equipment-thumb-checkbox.checked{background:#e63946;border-color:#e63946}.equipment-thumb-checkbox.checked.hover,.equipment-thumb-checkbox.checked:hover{background:#d62f3c;border-color:#d62f3c}.equipment-thumb-checkbox span{color:#fff;font-size:12px;font-weight:600;line-height:1}.equipment-info{flex:1 1;min-width:0}.equipment-row .equipment-name{color:#1f2937;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipment-abbrev-row{align-items:center;display:flex;gap:8px;height:18px}.equipment-abbrev{color:#9ca3af;font-family:monospace;font-size:11px}.equipment-edit-btn{background:#fff;border:1px solid #d1d5db;border-radius:3px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:10px;padding:2px 6px}.equipment-edit-btn:hover{background:#f9fafb;border-color:#9ca3af}.equipment-qty-badge-container{flex-shrink:0;position:relative}.equipment-qty-badge{align-items:center;background:#e63946;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 10px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.equipment-qty-badge:hover{background:#d62f3c}.equipment-qty-badge.active{background:#d62f3c;box-shadow:0 2px 8px #e6394666;transform:scale(1.02)}.qty-badge-arrow{opacity:.8;transition:transform .2s ease}.qty-badge-arrow.rotated{transform:rotate(180deg)}.equipment-qty-popover{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 20px #00000026;display:flex;gap:10px;margin-top:8px;padding:10px 14px;position:absolute;right:0;top:100%;z-index:100}.equipment-qty-popover .qty-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:18px;font-weight:500;height:32px;justify-content:center;transition:all .15s ease;width:32px}.equipment-qty-popover .qty-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.equipment-qty-popover .qty-btn:disabled{cursor:not-allowed;opacity:.4}.equipment-qty-popover .qty-btn.plus{border-color:#e63946;color:#e63946}.equipment-qty-popover .qty-btn.plus:hover{background:#fef2f2;border-color:#d62f3c}.equipment-qty-popover .qty-value{color:#1f2937;font-size:16px;font-weight:700;min-width:32px;text-align:center}.equipment-qty-placeholder{width:70px}.equipment-row .equipment-checkbox{display:none}.equipment-empty{color:#9ca3af;padding:60px 24px;text-align:center}.equipment-footer{align-items:center;background:#fafafa;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.save-status{color:#10b981;font-size:14px;font-weight:500}.equipment-hover-preview{background:#fff;border-radius:12px;box-shadow:0 12px 40px #00000040;overflow:hidden;pointer-events:none;position:fixed;width:200px;z-index:1000}.equipment-hover-preview img{height:180px;object-fit:cover;width:100%}.equipment-hover-preview .preview-no-image{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#9ca3af;display:flex;flex-direction:column;gap:8px;height:180px;justify-content:center}.equipment-hover-preview .preview-no-image span{font-size:13px}.equipment-hover-preview .preview-info{padding:12px}.equipment-hover-preview .preview-name{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:2px}.equipment-hover-preview .preview-abbrev{color:#6b7280;font-family:monospace;font-size:12px}.modal-overlay{z-index:2000}.equipment-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden;width:420px}.modal-header{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;flex-shrink:0;padding:18px 24px}.modal-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0}.modal-close{align-items:center;color:#9ca3af;display:flex;justify-content:center}.modal-close:hover{color:#6b7280}.modal-body{background:#fff;flex:1 1;overflow-y:auto;padding:24px}.modal-footer{align-items:center;background:#fafafa;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px;position:relative;z-index:1}.modal-footer-right{display:flex;gap:12px;margin-left:auto}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block}.form-group .required{color:#ef4444}.form-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;outline:none;padding:12px 14px;transition:border-color .15s}.form-input:focus{border-color:#3b82f6}.image-upload-area{align-items:center;background:#fafafa;background-position:50%;background-size:cover;border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:140px;justify-content:center;transition:border-color .15s;width:140px}.image-upload-area:hover{border-color:#9ca3af}.image-upload-area span{font-size:13px}.remove-image-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:13px;margin-top:8px}.remove-image-btn:hover{text-decoration:underline}.category-field{position:relative}.category-input-container{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:8px 14px;transition:border-color .15s}.category-input-container.focused{border-color:#3b82f6}.category-input-container input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:14px;min-width:120px;outline:none}.category-input-container input::placeholder{color:#9ca3af}.category-input-container .dropdown-arrow{color:#9ca3af;font-size:12px;margin-left:auto}.category-pill{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px}.category-pill .category-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.category-pill button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;margin-left:2px;opacity:.7;padding:0}.category-pill button:hover{opacity:1}.category-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;bottom:100%;box-shadow:0 -12px 40px #00000026;left:0;margin-bottom:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;z-index:2100}.category-dropdown .dropdown-search{border-bottom:1px solid #e5e7eb;padding:8px 12px}.category-dropdown .dropdown-search input{border:1px solid #e5e7eb;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;width:100%}.category-dropdown .dropdown-search input:focus{border-color:#3b82f6}.category-dropdown .dropdown-header{background:#fafafa;border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 14px 6px;text-transform:uppercase}.category-option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:background .1s}.category-option:hover{background:#f9fafb}.category-option.selected{background:#eff6ff}.category-option .category-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.category-option span{color:#1f2937;font-size:14px}.category-option .check{color:#3b82f6;margin-left:auto}.category-option.add-new{background:#fff7ed;border-top:1px dashed #fed7aa}.category-option.add-new .add-icon{align-items:center;background:#ffedd5;border-radius:6px;color:#ea580c;display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.category-option.add-new .add-title{color:#c2410c;font-size:14px;font-weight:500}.category-option.add-new .add-subtitle{color:#ea580c;font-size:12px}.btn{border-radius:8px;display:flex;font-weight:600;gap:6px;padding:12px 20px;transition:all .15s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#fff;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f9fafb}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444}.btn-danger:hover:not(:disabled){background:#dc2626}.mobile-view-only-banner{display:none}@media (max-width:1024px){.equipment-grid-3col{grid-template-columns:1fr 1fr}.equipment-column:nth-child(2){border-right:none}.equipment-column:nth-child(3){display:none}.equipment-profile{padding:70px 16px 16px}.mobile-view-only-banner{align-items:center;background:#fef3c7;border-bottom:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-bottom:12px;padding:10px 16px}.equipment-profile .page-header{align-items:stretch;display:flex;flex-direction:column;gap:12px}.equipment-profile .page-title{display:none}.page-header-right{justify-content:center}.page-header-right .btn-danger{display:none}.view-mode-toggle{justify-content:center}.equipment-thumb-checkbox{pointer-events:none}.equipment-qty-badge-container{display:none}.equipment-edit-btn{display:none!important}.equipment-header .btn-success{display:none}.equipment-header{align-items:stretch;background:#fff;flex-direction:column;gap:10px;margin:0 -1px;padding:12px 0;position:sticky;top:56px;z-index:20}.search-container{max-width:none}.search-mode-btn{padding:8px 12px}.search-input-wrapper input{font-size:16px;padding:8px 12px}.btn-success{font-size:14px;justify-content:center;padding:10px 16px;width:100%}.equipment-grid-3col{grid-template-columns:1fr;max-height:none;overflow-y:visible;padding-bottom:20px}.equipment-summary-row{align-items:flex-start;flex-direction:column;gap:4px;margin:0;padding:10px 12px}.equipment-modal{max-width:420px;width:90%}}@media (max-width:480px){.equipment-qty-placeholder{display:none}.equipment-row .equipment-name{font-size:13px}.equipment-thumb{height:36px;width:36px}.equipment-thumb-checkbox{height:18px;right:-5px;top:-5px;width:18px}.equipment-thumb-checkbox span{font-size:10px}}.personal-profile-page{margin:0 auto;max-width:800px;padding:24px}.profile-container{width:100%}.profile-header{margin-bottom:24px}.profile-header h1{color:#0d1b2a;font-size:24px;font-weight:600;margin:0 0 4px}.profile-header p{color:#64748b;font-size:14px;margin:0}.profile-message{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.profile-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.profile-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.form-group label{color:#374151;font-size:14px;margin-bottom:8px}.form-group input{border:1px solid #e2e8f0;border-radius:8px;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.form-group input.disabled{background:#f1f5f9;color:#64748b}.field-note{color:#94a3b8;font-size:12px;margin-top:4px}.form-actions{display:flex;justify-content:flex-end;margin-top:8px}.save-btn{background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:background .2s}.save-btn:hover{background:#dc2f3c}.save-btn:disabled{background:#f87171;cursor:default}@media (max-width:640px){.personal-profile-page{padding:16px}.profile-card{padding:20px}.form-row{gap:16px;grid-template-columns:1fr}}.payment-settings-page{margin:0 auto;max-width:800px;padding:24px}.payment-container{width:100%}.payment-header{margin-bottom:24px}.payment-header h1{color:#0d1b2a;font-size:24px;font-weight:600;margin:0 0 4px}.payment-header p{color:#64748b;font-size:14px;margin:0}.payment-message{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.payment-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.payment-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.payment-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;overflow:hidden}.section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.section-header:hover{background:#f9f9f9}.section-header h2{color:#1a1a2e;font-size:18px;font-weight:600;margin:0}.section-toggle{color:#ccc;font-size:11px;font-weight:400;transform:scaleX(1.8);transition:transform .2s ease}.section-toggle.open{transform:scaleX(1.8) rotate(180deg)}.section-content{border-top:1px solid #eee;padding:0 24px 28px}.section-content.collapsed{display:none}.section-content>.card-form-wrapper .form-row:first-child,.section-content>.coupon-display:first-child,.section-content>.coupon-form-wrapper .form-group:first-child,.section-content>.form-group:first-child,.section-content>.form-row:first-child,.section-content>.saved-card:first-child{margin-top:28px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row.three-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex:1 1;flex-direction:column}.form-group.full-width{flex:none;width:100%}.form-group label{color:#e63946;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-group input,.form-group select{background:#0000;border:none;border-bottom:1px solid #ddd;border-radius:0;color:#333;font-size:15px;outline:none;padding:12px 14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-bottom-color:#e63946}.form-group input::placeholder{color:#aaa}.form-group input.disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23999' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.stripe-element-container{background:#0000;border:none;border-bottom:1px solid #ddd;padding:12px 0;transition:border-color .2s ease}.stripe-element-container.focused{border-bottom-color:#e63946}.stripe-element-container.error{border-bottom-color:#dc3545}.card-errors{color:#dc3545;font-size:13px;margin-top:8px}.saved-card{background:#f8f9fa;border-radius:8px;gap:12px;margin-bottom:16px;margin-top:28px;padding:16px}.card-icon,.saved-card{align-items:center;display:flex}.card-icon{background:#1a1a2e;border-radius:4px;color:#fff;height:28px;justify-content:center;width:40px}.card-details{flex:1 1}.card-number{color:#333;font-size:15px;font-weight:500}.card-expiry{color:#666;font-size:13px}.change-btn{background:none;border:none;color:#e63946;cursor:pointer;font-size:13px;font-weight:500}.change-btn:hover{text-decoration:underline}.section-actions{display:flex;justify-content:center;margin-top:20px}.update-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 32px;transition:background .2s ease}.update-btn:hover{background:#059669}.update-btn:disabled{background:#ccc;cursor:not-allowed}.coupon-display{align-items:center;background:#d4edda;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;margin-top:28px;padding:16px}.coupon-display .coupon-code{color:#155724;font-weight:600}.coupon-display .coupon-discount{color:#155724;font-size:14px}.remove-coupon-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:13px;margin-left:auto}.remove-coupon-btn:hover{text-decoration:underline}.coupon-error{background-color:#fdecea;border-radius:6px;color:#b42318;font-size:14px;font-weight:500;margin-top:12px;padding:10px 14px}@media (max-width:768px){.payment-settings-page{padding:16px 16px 100px}.payment-header h1{font-size:20px}.section-header{padding:16px 20px}.section-content{padding:0 20px 20px}.form-row{flex-direction:column;gap:0}.form-row.three-col{grid-template-columns:1fr}.form-group{margin-bottom:16px}.saved-card{flex-wrap:wrap}}.subscription-page{margin:0 auto;max-width:1100px;padding:24px}.subscription-header{margin-bottom:24px}.subscription-header h1{color:#0d1b2a;font-size:24px;font-weight:600;margin:0 0 4px}.subscription-header p{color:#64748b;font-size:14px;margin:0}.screen-usage{border-bottom:1px solid #eee;padding:20px 0 30px;text-align:center}.screen-count{color:#e63946;font-size:72px;font-weight:300;line-height:1}.screen-count .separator{color:#ccc}.screen-count .total{color:#ccc;font-size:48px}.screen-label{color:#e63946;font-size:16px;margin-top:8px}.plan-details{margin-bottom:20px}.plan-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.plan-row:last-child{border-bottom:none}.plan-row-label{color:#666;font-weight:500}.plan-row-value{color:#e63946;font-weight:600}.plan-row-value .per-screen{color:#999;font-size:12px}.plan-row.discount{background:#f0fdf4;margin:0 -28px;padding-left:28px;padding-right:28px}.plan-row.discount .plan-row-label,.plan-row.discount .plan-row-value{color:#16a34a}.plan-row.total .plan-row-label{color:#333;font-size:16px;font-weight:600}.plan-row.total .plan-row-value{font-size:20px;font-weight:700}.details-link{color:#e63946;cursor:pointer;font-size:13px;margin-left:4px;text-decoration:underline}.details-link:hover{color:#c62833}.billing-info{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.billing-date-label{color:#666;font-size:13px}.billing-date-value{color:#333;font-size:15px;font-weight:600}.status-badge{background:#d4edda;border-radius:20px;color:#155724;font-size:13px;padding:6px 12px}.status-badge.inactive{background:#f8d7da;color:#721c24}.plan-cards-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.plan-cards-section h3{font-size:18px;font-weight:600;margin:0 0 20px}.plan-cards{display:flex;gap:16px}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex:1 1;padding:20px}.plan-card.selected{background:#fff5f5;border-color:#e63946}.plan-card-tier{color:#666;font-size:14px;margin-bottom:4px}.plan-card-price{color:#0d1b2a;font-size:28px;font-weight:700}.plan-card-price span{color:#666;font-size:14px;font-weight:400}.plan-card-screens{color:#666;font-size:13px;margin-top:8px}.plan-card-features{color:#666;font-size:13px;line-height:1.8;margin:16px 0 0;padding:0 0 0 18px}.plan-card-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;margin-top:16px;padding:8px;width:100%}.plan-card-btn.current{background:#e63946;color:#fff;cursor:default}.plan-card-btn.upgrade{background:#10b981;color:#fff}.plan-card-btn.downgrade{background:#6b7280;color:#fff}.plan-card-btn.upgrade:hover{background:#059669;transform:translateY(-1px)}.plan-card-btn.downgrade:hover{background:#4b5563;transform:translateY(-1px)}.modal-overlay{background:#00000080}.details-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:90vw;width:500px}.details-modal-header{border-bottom:1px solid #eee;padding:20px 24px;text-align:center}.details-modal-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.details-modal-body{padding:24px}.details-table-header{border-bottom:1px solid #eee;color:#666;font-size:12px;font-weight:600;padding-bottom:12px;text-transform:uppercase}.details-line-item,.details-table-header{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 80px 100px}.details-line-item{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:16px 0}.details-line-item .qty{text-align:center}.details-line-item .amount{color:#e63946;text-align:right}.details-row{grid-gap:16px;display:grid;font-size:14px;gap:16px;grid-template-columns:1fr 100px;padding:12px 0}.details-row .label{color:#666;text-align:right}.details-row .value{color:#333;text-align:right}.details-row.discount{background:#f0fdf4;margin:0 -24px;padding-left:24px;padding-right:24px}.details-row.discount .label,.details-row.discount .value{color:#16a34a}.details-row.total{border-top:2px solid #eee;font-size:16px;font-weight:600;padding:16px 0}.details-row.total .label{color:#333}.details-row.total .value{color:#e63946}.details-modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:16px 24px}.close-btn{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px}.close-btn:hover{background:#f5f5f5}.subscription-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:28px}.alert{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.alert-success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.cancel-link-wrapper{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px;text-align:center}.cancel-link{color:#dc2626;cursor:pointer;font-size:13px;text-decoration:underline}.cancel-link:hover{color:#b91c1c}.cancellation-notice{background-color:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:14px;margin-top:16px;padding:12px 16px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0003;max-width:420px;padding:24px;width:90%}.modal-content h2{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 16px}.modal-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-secondary{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.btn-secondary:hover{background:#e5e7eb}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#10b981;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.btn-primary:hover{background:#059669}.btn-primary.downgrade{background:#6b7280}.btn-primary.downgrade:hover{background:#4b5563}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-danger{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.subscription-page{padding:16px 16px 100px}.subscription-header h1{font-size:20px}.subscription-card{padding:20px}.plan-cards{flex-direction:column}.screen-count{font-size:56px}.screen-count .total{font-size:36px}.plan-row.discount{margin:0 -20px;padding-left:20px;padding-right:20px}.details-modal{margin:16px;width:calc(100% - 32px)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#e8ecef;color:#333;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:40px;width:100%}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .2s}.btn-primary{background-color:#e63946;color:#fff}.btn-primary:hover{background-color:#c1121f!important}.btn-secondary{background-color:#fff;border:1px solid #ddd;color:#333}.btn-secondary:hover{background-color:#f5f5f5}.fab{align-items:center;background-color:#e63946;border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 12px #e6394666;color:#fff;cursor:pointer;display:none;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .2s,box-shadow .2s;width:56px;z-index:99}.fab:hover{box-shadow:0 6px 16px #e6394680;transform:scale(1.05)}.fab:active{transform:scale(.95)}.card{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:#333;font-size:24px;font-weight:600}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.status-online{background-color:#e8f5e9;color:#2e7d32}.status-offline{background-color:#e639461a;color:#e63946}.table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #eee;padding:16px;text-align:left}.table th{background:#fafbfc;color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table tr:hover{background-color:#fafafa}.drag-handle{color:#ccc;cursor:grab;padding:8px}.drag-handle:active{cursor:grabbing}.action-btn{background:none;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;padding:8px;transition:all .2s}.action-btn:hover{background-color:#f5f5f5;color:#333}.actions-cell{display:flex;gap:8px}.mobile-list{display:none;overflow:visible}.mobile-list-item{align-items:center;background:#fff;border-bottom:1px solid #eee;cursor:pointer;display:flex;gap:12px;padding:16px;transition:background-color .2s}.mobile-list-item:first-child{border-radius:8px 8px 0 0}.mobile-list-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.mobile-list-item:only-child{border-radius:8px}.mobile-list-item:active{background-color:#f5f5f5}.status-badge-small{align-items:center;border-radius:4px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;justify-content:center;min-width:52px;padding:4px 8px;text-transform:capitalize}.mobile-list-content{flex:1 1;min-width:0}.mobile-list-title{color:#333;font-size:15px;font-weight:600;margin-bottom:2px}.mobile-list-subtitle{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-list-menu{flex-shrink:0;position:relative}.more-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.more-btn:hover{background-color:#f0f0f0}.more-btn:active{background-color:#e0e0e0}.dropdown-menu{animation:dropdownFadeIn .15s ease;background:#fff;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;position:absolute;right:0;top:auto;z-index:50}.dropdown-menu.dropdown-down{bottom:auto;margin-top:4px;top:100%}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:10px 14px;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item:active{background-color:#eee}.dropdown-item-danger{color:#e63946}.dropdown-item-danger:hover{background-color:#e6394614}.mobile-cards{display:none}.mobile-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;padding:16px}.mobile-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-card-title{color:#333;font-size:16px;font-weight:600}.mobile-card-content{display:flex;flex-direction:column;gap:8px}.mobile-card-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.mobile-card-label{color:#666}.mobile-card-value{color:#333;font-weight:500}.mobile-card-actions{border-top:1px solid #eee;display:flex;gap:8px;margin-top:12px;padding-top:12px}.assets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.asset-card{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s}.asset-card:hover{box-shadow:0 4px 12px #00000026}.asset-thumbnail{background-color:#1a1a1a;height:120px;min-height:120px;overflow:hidden;position:relative;width:100%}.asset-info{padding:12px}.asset-name{color:#333;font-size:14px;font-weight:500;margin-bottom:4px}.asset-meta{color:#999;font-size:12px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;max-height:90vh;max-width:90%;min-width:400px;overflow-y:auto;padding:24px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:20px;font-weight:600}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;padding:4px}.modal-close:hover{color:#333}.form-group{margin-bottom:16px}.form-label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;width:100%}.form-input:focus{border-color:#e63946;outline:none}.sidebar-layout{display:flex;gap:24px}.sidebar{flex-shrink:0;width:280px}.sidebar .card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#1a1a2e}.content-area{flex:1 1}.playlist-item{align-items:center;border-radius:8px;color:#1a1a2e;cursor:pointer;display:flex;font-size:13.5px;font-weight:400;gap:12px;padding:10px;transition:background-color .2s}.playlist-item:hover{background-color:#f1f5f9}.playlist-item.active{background-color:#fef2f2;color:#e63946;font-weight:500}.playlist-dot{background-color:#e63946;border-radius:50%;height:6px;width:6px}.search-bar{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:10px 16px}.search-bar input{border:none;flex:1 1;font-size:14px;outline:none}.search-bar svg{color:#999}.sort-filter-btn{background:none;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;gap:4px;padding:8px 12px}.loading,.sort-filter-btn{align-items:center;display:flex}.loading{color:#999;justify-content:center;padding:40px}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-only{display:none}.page-header.desktop-only,.sidebar-layout.desktop-only{display:flex}.mobile-slide-view{background:#e8ecef;bottom:0;left:0;overflow-y:auto;padding-bottom:80px;position:absolute;right:0;top:0;transition:transform .3s ease}.mobile-slide-view.active{transform:translateX(0)}.mobile-slide-view.slide-out-left{transform:translateX(-100%)}.mobile-slide-view.slide-out-right{transform:translateX(100%)}.mobile-detail-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;position:sticky;top:0;z-index:10}.back-btn{align-items:center;background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s;width:40px}.back-btn:hover{background-color:#f0f0f0}.mobile-detail-title{color:#333;font-size:18px;font-weight:600;margin:0}.mobile-detail-info{align-items:center;background:#fff;border-bottom:1px solid #eee;color:#666;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px}.mobile-detail-section{background:#fff;margin-top:12px}.mobile-detail-section-header{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-weight:600;justify-content:space-between;padding:12px 16px}.mobile-asset-list{background:#fff}.mobile-asset-item{align-items:center;border-bottom:1px solid #eee;display:flex;gap:12px;padding:14px 16px}.mobile-asset-item:last-child{border-bottom:none}.mobile-asset-icon{align-items:center;background:#f5f5f5;border-radius:8px;color:#666;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.mobile-asset-info{flex:1 1;min-width:0}.mobile-asset-name{color:#333;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-asset-duration{align-items:center;color:#666;display:flex;flex-shrink:0;font-size:14px;gap:8px}.mobile-asset-remove{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.mobile-asset-remove:hover{background:#e6394614;color:#e63946}.bottom-sheet-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-sheet,.mobile-bottom-sheet{animation:slideUp .3s ease;background:#fff;border-radius:16px 16px 0 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:80vh;position:fixed;right:0;z-index:1001}.bottom-sheet-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.bottom-sheet-header h3{font-size:18px;font-weight:600;margin:0}.bottom-sheet-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px}.bottom-sheet-search{align-items:center;border-bottom:1px solid #eee;color:#999;display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.bottom-sheet-search input{border:none;flex:1 1;font-size:16px;outline:none}.bottom-sheet-content{flex:1 1;overflow-y:auto;padding:20px 20px env(safe-area-inset-bottom,20px)}.bottom-sheet-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background-color .2s}.bottom-sheet-item:active{background-color:#f5f5f5}.bottom-sheet-item-info{flex:1 1;min-width:0}.bottom-sheet-item-name{color:#333;font-size:15px;font-weight:500}.bottom-sheet-item-meta{color:#999;font-size:13px;margin-top:2px}.mobile-asset-picker{animation:slideInRight .3s ease;background:#e8ecef;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1001}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.asset-picker-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px;position:relative;z-index:10}.asset-picker-header .back-btn{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;justify-content:center;margin:-8px;padding:8px}.asset-picker-title{color:#e63946;font-size:18px;font-weight:600}.asset-picker-done{background:none;border:none;color:#333;cursor:pointer;font-size:16px;font-weight:500;padding:8px 12px}.asset-picker-search{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;flex-shrink:0;gap:10px;padding:12px 16px;position:relative;z-index:10}.asset-picker-search input{appearance:none;border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:16px;outline:none;padding:10px 12px}.asset-picker-search input:focus{border-color:#e63946}.asset-picker-scroll{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:12px 12px 100px}.asset-picker-scroll .assets-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block}.main-content{padding:16px 16px 80px}.screens-page{padding-bottom:75px;padding-top:30px}.page-title{display:none}.page-header{align-items:center;flex-direction:row;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:0}.page-header .btn{display:none}.drop-zone{display:none!important}.fab{display:flex}.table-container{display:none}.mobile-list{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:visible}.mobile-cards,.mobile-list{display:block}.sidebar-layout{flex-direction:column}.sidebar{width:100%}.mobile-slide-view{min-height:calc(100vh - 112px);position:relative}.mobile-slide-view.slide-out-left,.mobile-slide-view.slide-out-right{display:none}.mobile-slide-view.active{display:block}.assets-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.modal{border-radius:0;margin:0;max-height:100%;max-width:100%;min-width:auto;width:100%}.modal-overlay{align-items:flex-end;padding:0}.modal{animation:slideUp .3s ease;border-radius:16px 16px 0 0;max-height:90vh}.btn{min-height:44px;padding:12px 20px}.action-btn{min-height:44px;min-width:44px;padding:10px}.card{padding:16px}}@media (max-width:480px){.main-content{padding:12px 12px 76px}.page-title{font-size:18px}.assets-grid{grid-template-columns:1fr 1fr}.asset-thumbnail{height:100px;min-height:100px}.asset-info{padding:10px}.asset-name{font-size:13px}.fab{bottom:95px;height:52px;right:16px;width:52px}.assets-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.playlist-item{color:#1a1a2e;font-size:22px}.playlist-item.active{color:#e63946}.app-container{opacity:1;transition:opacity .3s ease-out}.app-container.fading{opacity:0}}
/*# sourceMappingURL=main.1198c502.css.map*/