:root{--specto-primary: #FCB034;--specto-primary-light: #FFC85A;--specto-primary-dark: #E6991A;--specto-gray: #555656;--specto-gray-light: #707171;--specto-gray-dark: #3E3F3F;--specto-white: #FFFFFF;--specto-black: #000000;--glass-bg: rgba(252, 176, 52, .1);--glass-bg-light: rgba(252, 176, 52, .15);--glass-bg-dark: rgba(252, 176, 52, .05);--glass-border: rgba(252, 176, 52, .2);--glass-border-light: rgba(252, 176, 52, .3);--glass-overlay: rgba(85, 86, 86, .8);--success-green: #22C55E;--error-red: #EF4444;--warning-orange: #F59E0B;--info-blue: #3B82F6;--font-primary: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--blur-sm: blur(8px);--blur-md: blur(12px);--blur-lg: blur(16px);--blur-xl: blur(20px);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(252, 176, 52, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}.gws-app{min-height:100vh;padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(252,176,52,.05) 0%,rgba(85,86,86,.05) 100%)}.gws-container{max-width:1400px;margin:0 auto}.gws-title{font-family:var(--font-primary);font-size:36px;font-weight:700;color:var(--specto-gray);margin-bottom:var(--spacing-xl);text-align:center}.gws-view-container{padding:var(--spacing-lg)}.gws-upload-warning-banner{background:linear-gradient(135deg,rgba(252,176,52,.15),rgba(252,176,52,.08));border:2px solid rgba(252,176,52,.4);border-radius:12px;padding:16px 20px;margin-bottom:24px;font-size:14px;font-weight:700;color:var(--specto-gray);text-align:center;box-shadow:0 4px 12px #fcb03426}.gws-dual-upload-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media (max-width: 768px){.gws-dual-upload-container{grid-template-columns:1fr}}.gws-upload-box{background:var(--glass-bg);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:2px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:12px;min-height:220px;justify-content:center}.gws-upload-box:hover{transform:translateY(-4px);border-color:var(--specto-primary);box-shadow:0 12px 32px #00000026,0 0 0 1px #fcb03433 inset;background:rgba(255,255,255,.25)}.gws-upload-box:active{transform:translateY(-2px)}.gws-upload-gateway{border-color:#fcb0344d}.gws-upload-gateway:hover{border-color:var(--specto-primary);box-shadow:0 12px 32px #fcb03433,0 0 0 1px #fcb0344d inset}.gws-upload-instruction{border-color:#fcb03433;cursor:default;background:linear-gradient(135deg,rgba(252,176,52,.05),rgba(252,176,52,.02))}.gws-upload-instruction:hover{transform:none;border-color:#fcb0344d;box-shadow:0 8px 20px #fcb0341a}.gws-upload-instruction-text{font-family:var(--font-primary);font-size:13px;color:var(--specto-gray);line-height:1.8;text-align:left}.gws-upload-box-title{font-family:var(--font-primary);font-size:18px;font-weight:700;color:var(--specto-gray)}.gws-upload-box-subtitle{font-family:var(--font-primary);font-size:13px;color:var(--specto-gray-light);line-height:1.4}.gws-upload-box-action{font-family:var(--font-primary);font-size:12px;font-weight:600;color:var(--specto-primary);text-transform:uppercase;letter-spacing:.5px;margin-top:8px;padding:8px 16px;border-radius:6px;background:rgba(252,176,52,.1);border:1px solid rgba(252,176,52,.3)}.gws-upload-area{background:var(--glass-bg);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:2px dashed var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.gws-upload-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(252,176,52,.1),rgba(252,176,52,.05));opacity:0;transition:opacity var(--transition-base)}.gws-upload-area:hover{background:var(--glass-bg-light);border-color:var(--glass-border-light);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.gws-upload-area:hover:before{opacity:1}.gws-upload-icon{font-size:64px;margin-bottom:var(--spacing-md);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.gws-upload-title{font-family:var(--font-primary);font-size:24px;font-weight:600;color:var(--specto-gray);margin-bottom:var(--spacing-sm)}.gws-upload-subtitle{font-family:var(--font-primary);font-size:16px;color:var(--specto-gray-light);margin-bottom:var(--spacing-sm)}.gws-upload-warning{font-size:13px;font-weight:700;color:var(--specto-primary);background:rgba(252,176,52,.1);padding:12px 16px;border-radius:8px;border:2px solid rgba(252,176,52,.3);margin:12px 0;text-align:center}.gws-upload-formats{font-family:var(--font-primary);font-size:14px;color:var(--specto-gray-light)}.gws-queue-list{background:var(--glass-bg);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-xl) 0}.gws-queue-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap}.gws-stat-item{display:flex;gap:var(--spacing-sm);align-items:center}.gws-stat-label{font-family:var(--font-primary);font-size:14px;color:var(--specto-gray-light)}.gws-stat-value{font-family:var(--font-primary);font-size:18px;font-weight:600;color:var(--specto-primary)}.gws-queue-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.gws-queue-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.gws-queue-actions-bottom{margin-top:var(--spacing-lg);display:flex;justify-content:center}.gws-queue-btn{background:var(--glass-bg-light);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--specto-gray);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-sm)}.gws-queue-btn:hover:not(:disabled){background:var(--glass-bg);border-color:var(--glass-border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.gws-queue-btn:disabled{opacity:.5;cursor:not-allowed}.gws-btn-scan-all{background:linear-gradient(135deg,var(--specto-primary),var(--specto-primary-dark));color:var(--specto-white);border:none}.gws-btn-submit-all{background:linear-gradient(135deg,var(--success-green),#1A9F4A);color:var(--specto-white);border:none}.gws-btn-clear{background:var(--glass-bg-dark);border-color:var(--glass-border)}.gws-gateway-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.gws-gateway-card{background:var(--glass-bg);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.gws-gateway-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--specto-primary),var(--specto-primary-light));opacity:0;transition:opacity var(--transition-base)}.gws-gateway-card:hover{background:var(--glass-bg-light);border-color:var(--glass-border-light);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.gws-gateway-card:hover:before{opacity:1}.gws-gateway-card.success{border-color:var(--success-green)}.gws-gateway-card.success:before{background:linear-gradient(90deg,var(--success-green),#1A9F4A);opacity:1}.gws-gateway-card.error{border-color:var(--error-red)}.gws-gateway-card.error:before{background:linear-gradient(90deg,var(--error-red),#DC2626);opacity:1}.gws-card-header{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.gws-card-images{display:flex;gap:12px;flex-wrap:wrap}.gws-card-image-item{display:flex;flex-direction:column;align-items:center;gap:6px}.gws-card-preview{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.gws-card-preview-small{width:70px;height:70px}.gws-image-label{font-size:10px;color:var(--specto-gray-light);font-weight:500;text-align:center}.gws-add-sdcard{cursor:pointer;transition:all .3s ease}.gws-add-sdcard:hover{transform:translateY(-2px)}.gws-add-sdcard-placeholder{width:80px;height:80px;border-radius:var(--radius-md);border:2px dashed rgba(252,176,52,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:rgba(252,176,52,.05);transition:all .3s ease}.gws-add-sdcard-placeholder:hover{border-color:var(--specto-primary);background:rgba(252,176,52,.1)}.gws-add-text{font-size:11px;color:var(--specto-gray);text-align:center;padding:0 4px;line-height:1.3;font-weight:700}.gws-add-subtext{font-size:9px;color:var(--specto-gray-light);text-align:center;font-style:italic}.gws-card-info{flex:1}.gws-card-name{font-family:var(--font-primary);font-size:16px;font-weight:600;color:var(--specto-gray);margin-bottom:var(--spacing-xs)}.gws-card-status{display:flex;align-items:center;gap:var(--spacing-sm)}.gws-status-icon{font-size:18px}.gws-status-text{font-family:var(--font-primary);font-size:14px;color:var(--specto-gray-light)}.gws-status-spinner{width:18px;height:18px}.gws-spinner{width:18px;height:18px;border:2px solid var(--glass-border);border-top-color:var(--specto-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gws-card-details{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border)}.gws-result-grid{display:grid;gap:var(--spacing-sm)}.gws-result-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.gws-result-label{font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--specto-gray-light)}.gws-result-value{font-family:var(--font-primary);font-size:14px;color:var(--specto-gray);text-align:right}.gws-result-success{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md);background:rgba(34,197,94,.1);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-radius:var(--radius-md);border:1px solid rgba(34,197,94,.2)}.gws-success-icon{font-size:20px}.gws-card-error{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md);background:rgba(239,68,68,.1);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.2)}.gws-error-icon{font-size:20px}.gws-error-text{font-family:var(--font-primary);font-size:14px;color:var(--error-red)}.gws-card-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap}.gws-action-btn{background:var(--glass-bg-light);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-primary);font-size:13px;font-weight:600;color:var(--specto-gray);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center}.gws-action-btn:hover{background:var(--glass-bg);border-color:var(--glass-border-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.gws-action-scan{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(59,130,246,.1));border-color:#3b82f64d;color:var(--info-blue)}.gws-action-submit{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.1));border-color:#22c55e4d;color:var(--success-green)}.gws-action-edit{background:linear-gradient(135deg,rgba(252,176,52,.2),rgba(252,176,52,.1));border-color:#fcb0344d;color:var(--specto-primary-dark)}.gws-action-remove{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.1));border-color:#ef44444d;color:var(--error-red)}.gws-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--glass-overlay);backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);z-index:999999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gws-modal-container{background:rgba(255,255,255,.98)!important;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(252,176,52,.2);border-radius:20px;max-width:600px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp var(--transition-base);position:relative;box-shadow:0 0 0 1px #ffffff80 inset,0 25px 70px #00000040,0 0 120px #fcb03433}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.gws-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(252,176,52,.15);background:linear-gradient(135deg,rgba(252,176,52,.08),rgba(252,176,52,.03))}.gws-modal-title{display:flex;align-items:center;gap:12px;font-family:var(--font-primary);font-size:22px;font-weight:700;color:var(--specto-gray);margin:0}.gws-modal-icon{font-size:24px}.gws-modal-close{background:transparent;border:none;width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--specto-gray-light);transition:all var(--transition-fast)}.gws-modal-close:hover{background:var(--glass-bg-dark);color:var(--specto-gray)}.gws-modal-body{padding:28px;overflow-y:auto;flex:1;background:rgba(255,255,255,.5)}.gws-modal-body::-webkit-scrollbar{width:8px}.gws-modal-body::-webkit-scrollbar-track{background:rgba(85,86,86,.05);border-radius:4px}.gws-modal-body::-webkit-scrollbar-thumb{background:rgba(252,176,52,.3);border-radius:4px}.gws-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(252,176,52,.5)}.gws-modal-preview{margin-bottom:var(--spacing-lg);text-align:center}.gws-modal-preview img{max-width:100%;max-height:300px;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.gws-edit-form{display:grid;gap:18px}.gws-edit-field{display:flex;flex-direction:column;gap:8px}.gws-form-label{font-family:var(--font-primary);font-size:13px;font-weight:600;color:var(--specto-gray);text-transform:uppercase;letter-spacing:.5px}.gws-form-input{font-family:var(--font-mono);font-size:15px;padding:14px 18px;border-radius:12px;border:2px solid rgba(85,86,86,.12);background:rgba(255,255,255,.95);color:var(--specto-gray);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000008}.gws-form-input:focus{outline:none;border-color:var(--specto-primary);background:rgba(255,255,255,1);box-shadow:0 0 0 4px #fcb0341f,0 4px 12px #00000014;transform:translateY(-2px)}.gws-modal-footer{display:flex;gap:12px;padding:20px 28px;border-top:1px solid rgba(252,176,52,.15);background:linear-gradient(135deg,rgba(252,176,52,.03),rgba(252,176,52,.08));justify-content:flex-end}.gws-btn{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none}.gws-btn-cancel{background:var(--glass-bg-dark);color:var(--specto-gray);border:1px solid var(--glass-border)}.gws-btn-cancel:hover{background:var(--glass-bg);border-color:var(--glass-border-light)}.gws-btn-save{background:linear-gradient(135deg,var(--specto-primary),var(--specto-primary-dark));color:var(--specto-white);box-shadow:var(--shadow-md)}.gws-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.gws-btn-save:disabled{opacity:.5;cursor:not-allowed}.gws-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl)}@media (max-width: 768px){.gws-app{padding:var(--spacing-md)}.gws-title{font-size:28px}.gws-gateway-grid{grid-template-columns:1fr}.gws-modal{max-height:95vh}.gws-queue-stats{flex-direction:column;gap:var(--spacing-sm)}.gws-gateway-card{padding:16px}.gws-card-header{flex-direction:column;gap:16px}.gws-card-images{width:100%;justify-content:flex-start;gap:16px}.gws-card-image-item{flex-shrink:0}.gws-card-preview{width:100px;height:100px}.gws-card-preview-small{width:90px;height:90px}.gws-image-label{font-size:11px}.gws-add-sdcard{width:100%;max-width:none}.gws-add-sdcard-placeholder{width:100%;max-width:200px;height:120px;gap:8px;padding:12px}.gws-add-icon{font-size:36px}.gws-add-text{font-size:16px;font-weight:700;padding:0 12px;line-height:1.3}.gws-add-subtext{font-size:12px}.gws-card-info{width:100%}.gws-card-name{font-size:18px;margin-bottom:8px}.gws-card-status{font-size:15px}.gws-card-actions{flex-wrap:wrap;gap:8px;margin-top:16px}.gws-action-btn{flex:1 1 calc(50% - 4px);min-width:calc(50% - 4px);padding:12px 16px;font-size:14px}}@media (max-width: 480px){.gws-gateway-card{padding:12px}.gws-card-header{gap:12px}.gws-card-images{flex-direction:column;align-items:stretch;gap:12px}.gws-card-image-item{width:100%;align-items:flex-start}.gws-card-preview,.gws-card-preview-small{width:100%;max-width:120px;height:120px}.gws-add-sdcard-placeholder{width:100%;max-width:none;height:140px;gap:10px;padding:16px}.gws-add-icon{font-size:40px}.gws-add-text{font-size:18px;font-weight:700;padding:0 16px}.gws-add-subtext{font-size:13px}.gws-card-actions{flex-direction:column}.gws-action-btn{flex:1;width:100%;min-width:100%}}