/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.mx-auto{margin-inline:auto}.-mb-px{margin-bottom:-1px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-full{min-width:100%}.flex-1{flex:1}.table-auto{table-layout:auto}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-transparent{border-color:#0000}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-left{text-align:left}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.login-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;position:relative;top:0;left:0;width:100%}.login-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 16px;text-align:center;box-shadow:0 2px 10px #0003}.login-title{font-size:24px;font-weight:700;margin-bottom:8px}.login-subtitle{font-size:16px;opacity:.9}.login-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px 20px}.login-form-container{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:30px;width:100%;max-width:400px}.login-form{display:flex;flex-direction:column;gap:20px}.form-help{font-size:12px;color:#666;margin-top:4px}.error-message{background:linear-gradient(90deg,#ff3b301a,#fff 20%);border:2px solid #ff3b30;border-radius:10px;padding:12px 16px;color:#ff3b30;font-size:14px;font-weight:500}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #667eea4d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #667eea33}.loading-content{display:flex;align-items:center;justify-content:center;gap:8px}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.role-info{background:#f8f9fa;border-radius:10px;padding:16px;margin-top:20px}.role-info-title{font-size:14px;font-weight:700;color:#333;margin-bottom:12px}.role-info-list{list-style:none;display:flex;flex-direction:column;gap:8px}.role-info-item{font-size:12px;color:#666;padding:6px 0}.role-info-item strong{color:#333;font-weight:600}.conditional-field{animation:slideDown .3s ease-out;overflow:hidden}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:100px;opacity:1;transform:translateY(0)}}@media (max-width: 480px){.login-main{padding:20px 16px}.login-form-container{padding:20px;border-radius:10px}.login-title{font-size:20px}.login-subtitle{font-size:14px}}.search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:50px;z-index:2000}.search-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.search-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.search-modal-header h2{margin:0;font-size:20px;color:#333}.close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;line-height:1}.close-btn:hover{color:#333}.search-input-container{padding:16px 20px}.search-input{width:100%;padding:12px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#007aff}.search-results{flex:1;overflow-y:auto;padding:0 20px 20px}.no-results{text-align:center;color:#666;padding:40px 20px;font-size:16px}.search-result-item{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.search-result-item:hover{background-color:#f5f5f5;border-color:#007aff}.search-result-item.selected{background-color:#007aff;border-color:#007aff;color:#fff}.result-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.result-name{font-weight:600;font-size:16px}.result-booth{font-size:14px;opacity:.8}.search-result-item.selected .result-booth{opacity:1}.result-details{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#666}.search-result-item.selected .result-details{color:#ffffffe6}.result-business{flex:1;margin-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-section{flex-shrink:0}@media (max-width: 768px){.search-modal-overlay{padding-top:20px}.search-modal{width:95%;max-height:90vh}.search-input{font-size:16px}}.captain-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;position:relative;top:0;left:0;width:100%}.captain-main{flex:1;padding:20px 16px;max-width:1200px;margin:0 auto;width:100%}.add-vehicle-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;margin-bottom:20px}.add-vehicle-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:100%;margin-bottom:16px;transition:transform .2s}.add-vehicle-btn:hover{transform:translateY(-1px)}.add-vehicle-btn:active{transform:translateY(0)}.add-vehicle-form{display:none;gap:16px}.add-vehicle-form.active{display:flex;flex-direction:column}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:200px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:14px;font-weight:600;color:#333}.form-input,.form-select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .2s;background:#fff;color:#333}.form-input:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input::-moz-placeholder{color:#999}.form-input::placeholder{color:#999}.form-actions{display:flex;gap:12px;margin-top:8px}.submit-btn{background:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;flex:1;font-weight:600}.submit-btn:hover{background:#45a049}.cancel-btn{background:#f44336;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;flex:1;font-weight:600}.cancel-btn:hover{background:#da190b}.search-btn{background:#17a2b8;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;flex:1;font-weight:600}.search-btn:hover{background:#138496}.sections-grid{display:flex;flex-direction:column;gap:15px}.section-column{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.section-header{padding:15px;font-size:16px;font-weight:700;color:#333;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-left:5px solid #ddd;position:relative;cursor:pointer;transition:background .2s;margin-bottom:0;border-bottom:none}.section-column[data-section=new] .section-header{border-left-color:#ff3b30;background:linear-gradient(90deg,#ff3b301a,#f8f9fa 20%)}.section-column[data-section=pending_send] .section-header{border-left-color:#ff9500;background:linear-gradient(90deg,#ff95001a,#f8f9fa 20%)}.section-column[data-section=holding] .section-header{border-left-color:#ffd60a;background:linear-gradient(90deg,#ffd60a1a,#f8f9fa 20%)}.section-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}.section-badge{background:#0000001a;padding:4px 8px;border-radius:12px;font-size:14px;color:#666;border:1px solid rgba(0,0,0,.1)}.refresh-button{background:#f8f9fa;color:#333;border:2px solid #e0e0e0;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.refresh-button:hover{background:#e9ecef;border-color:#667eea}.empty-state{text-align:center;padding:30px 20px;color:#999}.empty-state h4{font-size:16px;margin-bottom:8px}.empty-state p{font-size:14px}.vehicle-card{background:#f8f9fa;border-radius:8px;padding:14px;margin-bottom:12px;transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative}.vehicle-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.vehicle-card.selected{box-shadow:0 4px 12px #0003}.vehicle-card.blue{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff}.vehicle-card.red{background:linear-gradient(135deg,#ff3b30,#cc2e26);color:#fff}.vehicle-card.green{background:linear-gradient(135deg,#34c759,#28a745);color:#fff}.vehicle-card.yellow{background:linear-gradient(135deg,#fc0,#e6b800);color:#333}.vehicle-card.orange{background:linear-gradient(135deg,#ff9500,#c70);color:#fff}.vehicle-card.gray{background:linear-gradient(135deg,#8e8e93,#6d6d70);color:#fff}.vehicle-header{display:flex;justify-content:space-between;align-items:center}.vehicle-info{display:flex;align-items:center;gap:12px}.vehicle-info h3{font-size:18px;font-weight:600;margin:0}.vehicle-details{font-size:14px;opacity:.9}.vehicle-timer{font-size:14px;font-weight:600;opacity:.9}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.photo-upload-container{width:100%}.camera-btn{background:#007aff;color:#fff;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;font-size:14px;width:100%}.camera-btn:hover{background:#0056b3}.vehicle-bar{padding:15px;border-radius:10px;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s;box-shadow:0 2px 5px #0003;margin-bottom:10px}.color-yellow{background-color:#fc0;color:#333!important}@media (max-width: 768px){.sections-grid{grid-template-columns:1fr}.captain-header-content{flex-direction:column;gap:12px;text-align:center}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@supports (-webkit-touch-callout: none){.form-input,.form-select{font-size:16px}}.crew-container{min-height:100vh;padding:0;position:relative;top:0;left:0;width:100%;background-color:#f5f5f5}.main-content{padding:16px;margin:0 10px}.header{background:linear-gradient(135deg,#667eea,#764ba2);padding:15px;border-radius:0;margin-bottom:0;box-shadow:0 2px 10px #0003;display:flex;align-items:center;color:#fff;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:15px}.hamburger-menu{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s;color:#fff}.hamburger-menu:hover{background:#ffffff1a}.entrance-name{font-size:18px;font-weight:700;color:#fff}.section{background:#fff;border-radius:10px;margin-bottom:15px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.section-header{padding:15px;font-size:16px;font-weight:700;color:#333;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-left:5px solid #ddd;position:relative;cursor:pointer;transition:background .2s}.section-header:hover{background:#e9ecef}.expand-icon{font-size:12px;transition:transform .2s;color:#666}.expand-icon.collapsed{transform:rotate(-90deg)}.collapsible-content{transition:max-height .3s ease-out,opacity .2s ease-out;overflow:hidden}.collapsible-content.collapsed{max-height:0;opacity:0}.collapsible-content:not(.collapsed){max-height:2000px;opacity:1}.section-header.new{border-left-color:#ff3b30;background:linear-gradient(90deg,#ff3b301a,#f8f9fa 20%)}.section-header.holding{border-left-color:#ff9500;background:linear-gradient(90deg,#ff95001a,#f8f9fa 20%)}.section-header.enroute{border-left-color:#34c759;background:linear-gradient(90deg,#34c7591a,#f8f9fa 20%)}.section-header.unloading{border-left-color:#007aff;background:linear-gradient(90deg,#007aff1a,#f8f9fa 20%)}.section-count{background:#0000001a;padding:4px 8px;border-radius:12px;font-size:14px;color:#666;border:1px solid rgba(0,0,0,.1)}.vehicle-list{padding:15px;display:flex;flex-direction:column;gap:10px}.vehicle-bar{padding:15px;border-radius:10px;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s;box-shadow:0 2px 5px #0003}.vehicle-bar:active{transform:scale(.98)}.vehicle-bar.selected{box-shadow:0 4px 15px #0000004d;transform:translateY(-2px)}.vehicle-info{display:flex;justify-content:space-between;align-items:center}.booth-vehicle{font-size:18px}.timer{font-size:16px;opacity:.9}.action-buttons{display:none;flex-direction:row;gap:10px;margin-top:10px;padding:0}.action-buttons.show{display:flex}.action-btn{flex:1;padding:12px;border:none;border-radius:8px;background:#007aff;color:#fff;font-weight:700;cursor:pointer}.action-btn:active{background:#0056cc}.action-btn.secondary{background:#34c759}.action-btn.danger{background:#ff9500}.action-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:40px 20px;color:#999;font-style:italic;font-size:16px;background:#f8f9fa;border-radius:8px;margin:10px}.color-blue{background-color:#007aff}.color-orange{background-color:#ff9500}.color-gray{background-color:#8e8e93}.color-yellow{background-color:#fc0}.color-red{background-color:#ff3b30}.color-green{background-color:#34c759}.color-purple{background-color:#af52de}.color-pink{background-color:#ff2d55}.color-brown{background-color:#8b4513}.hamburger-submenu{position:absolute;top:60px;left:15px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;z-index:1000;display:none;border:1px solid #e0e0e0}.hamburger-submenu.show{display:block}.submenu-user{padding:15px 20px;border-bottom:1px solid #f0f0f0;color:#333;font-weight:500}.user-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.user-name{font-size:16px;font-weight:600;color:#333}.submenu-controls{padding:15px 20px;border-bottom:1px solid #f0f0f0}.control-group{margin-bottom:15px}.control-group:last-child{margin-bottom:0}.control-label{font-size:12px;color:#666;margin-bottom:6px;display:block}.color-dots{display:flex;gap:12px;align-items:center;justify-content:center;padding:8px 0}.color-dot{width:24px;height:24px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .2s;position:relative}.color-dot:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.color-dot.selected{border-color:#333;transform:scale(1.2)}.color-dot.all{background:linear-gradient(45deg,#007aff 25%,#ff9500 25%,#ff9500 50%,#8e8e93 50%,#8e8e93 75%,#fc0 75%)}.color-dot.blue{background:#007aff}.color-dot.orange{background:#ff9500}.color-dot.gray{background:#8e8e93}.color-dot.yellow{background:#fc0}.submenu-audio-toggle{width:100%;padding:10px 12px;background:#007aff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.submenu-audio-toggle.muted{background:#999}.submenu-item{display:block;width:100%;padding:12px 20px;background:none;border:none;text-align:left;cursor:pointer;color:#666;transition:background .2s;font-size:14px}.submenu-item:hover{background:#f8f9fa}.submenu-item.logout{color:#ff3b30;border-top:1px solid #f0f0f0}