:root{--color-primary: #FF6B35;--color-primary-light: #FF8555;--color-primary-dark: #E55A2B;--color-primary-bg: #2A2A2A;--color-secondary: #FF6B35;--color-secondary-light: #FF8555;--color-secondary-bg: #1A1A1A;--color-success: #FF6B35;--color-success-light: #FF8555;--color-success-bg: #331A0F;--color-warning: #FF6B35;--color-warning-light: #FF8555;--color-warning-bg: #331A0F;--color-danger: #FF6B35;--color-danger-light: #FF8555;--color-danger-bg: #331A0F;--color-info: #FF6B35;--color-info-light: #FF8555;--color-info-bg: #331A0F;--card-orange: #2A1A0F;--card-dark: #1A1A1A;--card-darker: #0F0F0F;--color-gray-50: #1A1A1A;--color-gray-100: #2A2A2A;--color-gray-200: #333333;--color-gray-300: #404040;--color-gray-400: #666666;--color-gray-500: #808080;--color-gray-600: #999999;--color-gray-700: #B3B3B3;--color-gray-800: #CCCCCC;--color-gray-900: #E6E6E6;--color-bg-primary: #000000;--color-bg-secondary: #0F0F0F;--color-bg-tertiary: #1A1A1A;--color-text-primary: #FFFFFF;--color-text-secondary: #CCCCCC;--color-text-tertiary: #999999;--border-color: #000000;--border-width: 3px;--border-radius-sm: 12px;--border-radius-md: 16px;--border-radius-lg: 20px;--border-radius-xl: 24px;--shadow-sm: 4px 4px 0px rgba(0, 0, 0, .1);--shadow-md: 6px 6px 0px rgba(0, 0, 0, .15);--shadow-lg: 8px 8px 0px rgba(0, 0, 0, .2);--shadow-xl: 10px 10px 0px rgba(0, 0, 0, .25);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: "Fira Code", "Consolas", "Monaco", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;padding-bottom:var(--spacing-12);font-family:var(--font-family-base);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-extrabold);line-height:1.2;margin-bottom:var(--spacing-4);color:var(--color-text-primary);letter-spacing:-.02em}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4);color:var(--color-text-secondary);line-height:1.7}.app-header{background:linear-gradient(135deg,rgba(0,0,0,.95) 0%,rgba(15,15,15,.95) 50%,rgba(0,0,0,.95) 100%);color:var(--color-text-primary);padding:var(--spacing-8) var(--spacing-6);text-align:center;margin-bottom:var(--spacing-8);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 50px #ff6b354d,0 0 100px #ff6b351a,inset 0 1px #ffffff1a;border-radius:var(--border-radius-lg)}.app-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,107,53,.08) 25%,rgba(255,107,53,.15) 50%,rgba(255,107,53,.08) 75%,transparent 100%);animation:headerGlow 8s ease-in-out infinite}@keyframes headerGlow{0%,to{left:-100%;transform:scaleY(1)}50%{left:100%;transform:scaleY(1.05)}}.app-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin:0;color:var(--color-text-primary);text-shadow:0 0 10px rgba(255,107,53,.6),0 0 20px rgba(255,107,53,.4),0 0 40px rgba(255,107,53,.2);letter-spacing:-.03em;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);position:relative;z-index:2;background:linear-gradient(135deg,#FFFFFF 0%,#FF6B35 50%,#FFFFFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{font-size:var(--font-size-base);opacity:1;margin-top:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);position:relative;z-index:1}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in-scale{animation:fadeInScale .4s ease-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse 2s infinite}@keyframes glow{0%,to{box-shadow:0 0 5px #007bff80}50%{box-shadow:0 0 20px #007bffcc,0 0 30px #007bff66}}.glow{animation:glow 3s ease-in-out infinite}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid rgba(255,107,53,.3);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite;margin-right:12px}.loading-spinner-large{width:48px;height:48px;border-width:4px;margin:0 auto 16px}.progress-container{width:100%;max-width:400px;margin:16px auto;background:rgba(255,107,53,.1);border-radius:20px;overflow:hidden;border:2px solid rgba(255,107,53,.3);box-shadow:inset 0 2px 4px #0000004d}.progress-bar{height:20px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));width:0%;transition:width .3s ease;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.object-detection-loader{position:relative;background:linear-gradient(135deg,var(--card-dark) 0%,var(--card-darker) 100%);border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);padding:2rem;margin:1rem 0;overflow:hidden;box-shadow:0 10px 30px #ff6b3533}.object-detection-loader:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,107,53,.1) 50%,transparent 100%);animation:detectionScan 2s ease-in-out infinite;z-index:1}@keyframes detectionScan{0%,to{left:-100%}50%{left:100%}}.loader-header{text-align:center;margin-bottom:1.5rem;position:relative;z-index:2}.loader-header h3{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.5rem;text-shadow:0 0 10px rgba(255,107,53,.5)}.loader-header p{color:var(--color-text-secondary);margin:0;font-size:.9rem}.detection-progress{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:2}.progress-ring{position:relative;width:80px;height:80px}.progress-ring-circle{width:100%;height:100%;border:4px solid rgba(255,107,53,.2);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;position:relative}.progress-ring-circle:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid transparent;border-top:2px solid rgba(255,107,53,.4);border-radius:50%;animation:spin .8s linear infinite reverse}.progress-text{text-align:center}.progress-text .percentage{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 10px rgba(255,107,53,.5)}.progress-text .label{font-size:.8rem;color:var(--color-text-secondary);margin-top:.25rem}.detection-steps{display:flex;justify-content:center;gap:.5rem;position:relative;z-index:2}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px}.step-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,107,53,.2);display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.step-icon.active{background:var(--color-primary);box-shadow:0 0 20px #ff6b3599;transform:scale(1.1)}.step-icon.completed{background:var(--color-success);box-shadow:0 0 15px #ff6b3566}.step-icon:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:inherit;border-radius:50%;transform:translate(-50%,-50%);opacity:.5}.step-label{font-size:.7rem;color:var(--color-text-secondary);text-align:center;line-height:1.2}.step.active .step-label{color:var(--color-primary);font-weight:500}.step.completed .step-label{color:var(--color-success)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.loading-overlay.active{opacity:1;visibility:visible}.loading-content{background:linear-gradient(135deg,var(--card-dark) 0%,var(--card-darker) 100%);padding:32px;border-radius:20px;box-shadow:var(--shadow-xl);border:3px solid var(--color-primary);text-align:center;max-width:400px;width:90%}.loading-content h3{margin:0 0 16px;color:var(--color-text-primary);font-size:24px;text-shadow:0 0 10px rgba(255,107,53,.5)}.loading-content p{margin:0 0 24px;color:var(--color-text-secondary);font-size:16px}#status{text-align:center;font-size:var(--font-size-lg);margin:var(--spacing-6) 0;min-height:50px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.status-message{padding:var(--spacing-4) var(--spacing-6);border-radius:var(--border-radius-md);margin:var(--spacing-4) auto;max-width:800px;font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:var(--spacing-3);box-shadow:var(--shadow-sm);border:var(--border-width) solid var(--border-color);color:#000;font-size:var(--font-size-base);line-height:1.6}.status-message:before{font-family:Phosphor;font-size:1.5rem;flex-shrink:0}.success{background:var(--color-success-bg)}.success:before{content:""}.error{background:var(--color-danger-bg)}.error:before{content:""}.warning{background:var(--color-warning-bg)}.warning:before{content:""}.info{background:var(--color-info-bg)}.info:before{content:""}.card{background:linear-gradient(135deg,var(--card-dark) 0%,var(--card-darker) 100%);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-8);border:var(--border-width) solid var(--color-primary);transition:all var(--transition-base);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,53,.1),transparent);transition:left .6s}.card:hover:before{left:100%}.card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px #ff6b3533;border-color:var(--color-primary)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:0;border-bottom:none}.card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-2);letter-spacing:-.02em;text-shadow:0 0 10px rgba(255,107,53,.3)}.card-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--spacing-3);font-weight:var(--font-weight-normal)}.card-body{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.7}.card-primary{background:linear-gradient(135deg,var(--card-orange) 0%,var(--card-dark) 100%);border:var(--border-width) solid var(--color-primary)}.card-success{background:linear-gradient(135deg,var(--color-success-bg) 0%,var(--card-dark) 100%);border:var(--border-width) solid var(--color-success)}.card-warning{background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--card-dark) 100%);border:var(--border-width) solid var(--color-warning)}.card-danger{background:linear-gradient(135deg,var(--color-danger-bg) 0%,var(--card-dark) 100%);border:var(--border-width) solid var(--color-danger)}.card-info{background:linear-gradient(135deg,var(--card-orange) 0%,var(--card-dark) 100%);border:var(--border-width) solid var(--color-info)}button,.btn{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border:var(--border-width) solid var(--color-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-base);text-decoration:none;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;position:relative;overflow:hidden;white-space:nowrap;min-width:120px}button:before,.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 .5s}button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #ff6b3566;border-color:var(--color-primary-light)}button:hover:not(:disabled):before,.btn:hover:not(:disabled):before{left:100%}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(0) scale(1.01);box-shadow:var(--shadow-sm)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:grayscale(50%)}.btn-primary,button[style*="background: #007bff"],button[style*="background: #28a745"]{background:#000000!important;color:#fff!important;border:var(--border-width) solid var(--border-color)}.btn-primary:hover:not(:disabled){background:#1a1a1a!important}.btn-success{background:#000000;color:#fff;border:var(--border-width) solid var(--border-color)}.btn-success:hover:not(:disabled){background:#1a1a1a}.btn-warning{background:#FFF9DB;color:#000;border:var(--border-width) solid var(--border-color)}.btn-warning:hover:not(:disabled){background:#FFF4C4}.btn-danger{background:#FFE8E8;color:#000;border:var(--border-width) solid var(--border-color)}.btn-danger:hover:not(:disabled){background:#FFD4D4}.btn-info{background:#E8F4FF;color:#000;border:var(--border-width) solid var(--border-color)}.btn-info:hover:not(:disabled){background:#D4EBFF}.btn-secondary{background:var(--card-dark);color:var(--color-text-secondary);border:var(--border-width) solid var(--color-primary);white-space:nowrap}.btn-secondary:hover:not(:disabled){background:var(--card-darker);color:var(--color-text-primary);border-color:var(--color-primary-light)}.btn-outline{background:transparent;border:var(--border-width) solid var(--border-color);color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){background:#f5f5f5}.btn-lg{padding:var(--spacing-5) var(--spacing-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:var(--spacing-4) var(--spacing-5);border:var(--border-width) solid var(--color-primary);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:var(--font-family-base);color:var(--color-text-primary);background:var(--card-dark);transition:all var(--transition-base);font-weight:var(--font-weight-normal)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #ff6b3533;transform:translateY(-1px)}textarea{resize:vertical;min-height:120px}label{display:block;margin-bottom:var(--spacing-3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-base)}input[type=file]{display:none}.tab-container{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6);border-bottom:none;padding-bottom:0}.tab-button{padding:var(--spacing-3) var(--spacing-5);border:var(--border-width) solid var(--color-primary);background:var(--card-dark);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:80px;flex:1;text-align:center}.tab-button:hover{color:var(--color-text-primary);background:var(--card-darker);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d;border-color:var(--color-primary-light)}.tab-button.active{color:var(--color-text-primary);background:var(--color-primary);border-color:var(--color-primary-light);box-shadow:0 0 15px #ff6b3566;font-weight:var(--font-weight-bold)}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card-dark);border:var(--border-width) solid var(--color-primary);padding:var(--spacing-8);border-radius:var(--border-radius-xl);max-width:600px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-slow)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.modal-close{background:none;border:none;font-size:var(--font-size-3xl);cursor:pointer;color:var(--color-gray-400);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);transition:all var(--transition-fast);box-shadow:none}.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-600);transform:none}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-6);padding-bottom:var(--spacing-8)}.grid{display:grid;gap:var(--spacing-6)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.gap-6{gap:var(--spacing-6)}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.p-8{padding:var(--spacing-8)}.rounded{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.canvas-container{background:var(--card-dark);border:var(--border-width) solid var(--color-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);text-align:center;box-shadow:var(--shadow-md)}canvas{max-width:100%;height:auto;border-radius:var(--border-radius-md);border:2px solid rgba(0,0,0,.1)}.zone{border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6);border:var(--border-width) solid var(--border-color);transition:all var(--transition-base);box-shadow:4px 4px #0000001a}.zone-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-xl)}.zone-content{background:var(--card-darker);border-radius:var(--border-radius-md);padding:var(--spacing-4);min-height:80px;max-height:200px;overflow-y:auto;border:var(--border-width) solid var(--color-primary)}.zone-empty{color:var(--color-text-tertiary);text-align:center;padding:var(--spacing-6);font-size:var(--font-size-base)}.delete-zone{background:#FFE8E8;border-color:var(--border-color)}.delete-zone .zone-header{color:#000}.add-zone{background:#E8F4FF;border-color:var(--border-color)}.add-zone .zone-header{color:#000}.badge{display:inline-flex;align-items:center;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:2px solid var(--border-color)}.badge-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary-light)}.badge-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.badge-warning{background:var(--color-warning);color:#fff;border-color:var(--color-warning)}.badge-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}ul{list-style:none;padding-left:0}ul li{position:relative;padding-left:var(--spacing-8);margin-bottom:var(--spacing-3);line-height:1.7;color:var(--color-text-secondary)}ul li:before{content:"+";position:absolute;left:0;font-weight:var(--font-weight-extrabold);color:#000;font-size:var(--font-size-xl)}ul.circle-bullets li:before{content:"●";font-size:var(--font-size-base)}ul.check-bullets li:before{content:"✓"}ul.square-bullets li:before{content:"■"}@media (max-width: 768px){.app-header{padding:var(--spacing-4) var(--spacing-4)}.app-header h1{font-size:var(--font-size-2xl)}.app-subtitle{font-size:var(--font-size-sm)}.container{padding:0 var(--spacing-3);padding-bottom:var(--spacing-6)}.grid-2,.grid-3{grid-template-columns:1fr;gap:var(--spacing-4)}.card{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.card-title{font-size:var(--font-size-lg)}.modal-content{padding:var(--spacing-4);width:95%}button,.btn{font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4)}.btn-lg{font-size:var(--font-size-base);padding:var(--spacing-4) var(--spacing-6)}.loading-spinner{width:60px;height:60px;border:4px solid var(--border-color);border-top:4px solid transparent}.loading-text{font-size:var(--font-size-lg)}.loading-container{padding:var(--spacing-8)}textarea{min-height:100px}.flex.gap-2{flex-wrap:wrap}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--border-radius-md)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--border-radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.ph,.ph-bold{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1}.card-title .ph,.card-title .ph-bold{font-size:1.5em}button .ph,button .ph-bold{font-size:1.2em;margin-right:.25em}.zone-header .ph,.zone-header .ph-bold{font-size:1.5em}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);gap:var(--spacing-6)}.loading-spinner{width:80px;height:80px;border:6px solid var(--border-color);border-top:6px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);text-align:center;animation:pulse 2s ease-in-out infinite}.loading-subtext{font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;max-width:400px}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.progress-bar{width:100%;max-width:400px;height:20px;background:var(--color-gray-100);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:inset 2px 2px #0000001a}.progress-bar-fill{height:100%;background:#000000;border-radius:var(--border-radius-sm);transition:width .3s ease;animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-block{display:inline-block!important}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.m-0{margin:0}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.p-0{padding:0}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.w-100{width:100%}.w-auto{width:auto}.max-w-400{max-width:400px}.max-w-600{max-width:600px}.fs-sm{font-size:var(--font-size-sm)}.fs-base{font-size:var(--font-size-base)}.fs-lg{font-size:var(--font-size-lg)}.fs-xl{font-size:var(--font-size-xl)}.fs-2xl{font-size:var(--font-size-2xl)}.fw-normal{font-weight:var(--font-weight-normal)}.fw-medium{font-weight:var(--font-weight-medium)}.fw-semibold{font-weight:var(--font-weight-semibold)}.fw-bold{font-weight:var(--font-weight-bold)}.fw-extrabold{font-weight:var(--font-weight-extrabold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-info{color:#17a2b8}.bg-white{background:#ffffff}.bg-light{background:var(--color-gray-100)}.bg-success-light{background:var(--color-success-bg)}.bg-danger-light{background:var(--color-danger-bg)}.bg-warning-light{background:var(--color-warning-bg)}.bg-info-light{background:var(--color-info-bg)}.border{border:var(--border-width) solid var(--border-color)}.border-bottom{border-bottom:1px solid #ddd}.rounded{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:var(--border-radius-sm);transition:background-color .2s}.checkbox-label:hover{background-color:var(--color-gray-50)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-label span{font-size:var(--font-size-sm);color:var(--color-text-primary)}.slider{width:100%;height:8px;border-radius:4px;background:var(--color-gray-200);outline:none;opacity:.9;transition:opacity .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .2s}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:transform .2s}.slider::-moz-range-thumb:hover{transform:scale(1.1)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:.25rem .5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff;background-color:var(--color-primary);border-radius:12px;white-space:nowrap}.badge-success{background-color:var(--color-success)}.badge-danger{background-color:var(--color-danger)}.badge-warning{background-color:var(--color-warning);color:var(--color-text-primary)}.badge-info{background-color:var(--color-info)}.spinner{width:20px;height:20px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:8px;background-color:var(--color-gray-200);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-success);transition:width .3s ease}.textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:var(--border-radius-md);font-family:inherit;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-primary);background-color:#fff;resize:vertical;transition:border-color .2s,box-shadow .2s}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7570ff1a}.textarea::placeholder{color:var(--color-text-secondary)}.select{width:100%;padding:.75rem;border:var(--border-width) solid var(--color-primary);border-radius:var(--border-radius-md);font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--card-dark);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.select:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #ff6b3533;transform:translateY(-1px)}.select option{background:var(--card-dark);color:var(--color-text-primary);padding:.5rem}.select option:hover,.select option:focus{background:var(--color-primary);color:#fff}.label{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.label i{font-size:1rem;opacity:.7}