:root{--primary: #EE763C;--primary-glow: rgba(238, 118, 60, .3);--primary-hover: #f98b55;--bg-dark: #0B0B0B;--bg-darker: #050505;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 20px;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, .8);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-premium)}.glass-button{background:#ee763c26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(238,118,60,.3);color:#fff;transition:var(--transition-smooth)}.glass-button:hover{background:#ee763c4d;border:1px solid rgba(238,118,60,.6);transform:translateY(-2px);box-shadow:0 0 15px var(--primary-glow)}.glow-text{color:var(--primary);text-shadow:0 0 20px var(--primary-glow)}.atom-spin{animation:atom-spin 3s linear infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.text-gradient-animated{background:linear-gradient(to right,#ee763c,#f98b55 30%,#ffd060 55%,#f98b55 75%,#ee763c);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textGradientFlow 5s linear infinite;display:inline-block}@keyframes textGradientFlow{0%{background-position:0% center}to{background-position:200% center}}.border-beam{position:relative;border-radius:inherit}.border-beam:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--border-angle),transparent 0%,rgba(238,118,60,.4) 10%,rgba(255,180,80,1) 20%,rgba(238,118,60,.4) 30%,transparent 40%,transparent 50%,rgba(238,118,60,.4) 60%,rgba(255,180,80,1) 70%,rgba(238,118,60,.4) 80%,transparent 90%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:10;animation:borderBeamRotate 6s linear infinite}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes borderBeamRotate{to{--border-angle: 360deg}}@keyframes logoBreathing{0%,to{filter:drop-shadow(0 0 4px rgba(238,118,60,.3)) drop-shadow(0 0 8px rgba(238,118,60,.15))}50%{filter:drop-shadow(0 0 10px rgba(238,118,60,.8)) drop-shadow(0 0 20px rgba(238,118,60,.4)) drop-shadow(0 0 35px rgba(238,118,60,.15))}}.logo-breathing{animation:logoBreathing 3s ease-in-out infinite}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}#root{min-height:100vh}@keyframes atom-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-spinner{width:48px;height:48px;animation:atom-spin 2s linear infinite;filter:drop-shadow(0 0 5px rgba(255,140,0,.4));display:block;object-fit:contain}.logo-spinner.small{width:20px;height:20px}.logo-spinner.large{width:80px;height:80px}.loading-container-centered{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;gap:1rem;width:100%}.empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:16px;background:#ffffff05;animation:fadeIn .6s ease-out}.empty-state-icon{color:#ee763c66;margin-bottom:1rem}.empty-state-title{color:#ffffffb3;font-size:1rem;font-weight:600;margin:0 0 .5rem}.empty-state-sub{color:#ffffff59;font-size:.85rem;margin:0;max-width:400px;line-height:1.5}.empty-state-fullpage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500}.empty-state-fullpage .empty-state-icon{color:#ee763c4d;margin-bottom:1.5rem}.empty-state-fullpage .empty-state-title{font-size:1.3rem;color:#fff9}.empty-state-fullpage .empty-state-sub{font-size:.95rem;max-width:500px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inspection-pending-badge{display:flex;align-items:center;gap:6px;padding:.4rem .8rem;border-radius:8px;background:#ee763c1a;border:1px solid rgba(238,118,60,.25);color:#ee763c;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;justify-content:center}.inspection-pending-badge svg{animation:simple-pulse 2s infinite}@keyframes simple-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.customer-mode{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.customer-mode *{-webkit-user-drag:none!important}.watermark-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999999;overflow:hidden;opacity:.05;-webkit-user-select:none;user-select:none;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);gap:10vh 5vw}.watermark-item{font-size:1.5rem;font-weight:900;color:#ee763c;transform:rotate(-25deg);white-space:nowrap;display:flex;justify-content:center;align-items:center;text-align:center}.bug-report-fab{position:fixed;bottom:30px;right:30px;width:64px;height:64px;border-radius:32px;background:linear-gradient(135deg,#ee763c,#ff8c51);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 25px #ee763c66;z-index:1000;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.2);outline:none;animation:fabPulse 3s infinite}@keyframes fabPulse{0%{box-shadow:0 0 #ee763cb3}70%{box-shadow:0 0 0 15px #ee763c00}to{box-shadow:0 0 #ee763c00}}.bug-report-fab:hover{transform:scale(1.1) rotate(15deg) translateY(-5px);background:linear-gradient(135deg,#ff8c51,#ee763c);box-shadow:0 15px 35px #ee763c99}.bug-report-fab:active{transform:scale(.9)}.bug-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.bug-modal{background:#0f1115;border:1px solid rgba(255,255,255,.1);border-radius:24px;width:90%;max-width:500px;padding:35px;box-shadow:0 40px 100px #000c,0 0 20px #ee763c1a;animation:modalScaleUp .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}@keyframes modalScaleUp{0%{transform:scale(.8) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.bug-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,#EE763C,transparent)}.bug-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.bug-modal-header h3{margin:0;color:#fff;display:flex;align-items:center;gap:15px;font-size:1.5rem;font-weight:700}.close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;height:36px;width:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-btn:hover{background:#ff5f5f1a;color:#ff5f5f;border-color:#ff5f5f;transform:rotate(90deg)}.bug-form-group{margin-bottom:25px}.bug-form-group label{display:block;margin-bottom:10px;color:#ee763c;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.bug-input,.bug-textarea{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;color:#fff;font-family:inherit;font-size:1rem;transition:all .3s}.bug-input:focus,.bug-textarea:focus{outline:none;border-color:#ee763c;background:#ffffff0f;box-shadow:0 0 15px #ee763c33}.bug-textarea{resize:none;min-height:120px}.bug-submit-btn{width:100%;background:linear-gradient(135deg,#ee763c,#ff8c51);color:#fff;border:none;border-radius:14px;padding:18px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:10px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 25px #ee763c4d}.bug-submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px #ee763c80;filter:brightness(1.1)}.bug-submit-btn:active:not(:disabled){transform:translateY(1px)}.bug-submit-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.bug-error-msg{color:#ff5f5f;background:#ff5f5f1a;padding:15px;border-radius:10px;margin-bottom:25px;font-size:.95rem;text-align:center;border:1px solid rgba(255,95,95,.2)}.success-icon-anim{font-size:4rem;display:block;margin:0 auto;animation:successBounce .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes successBounce{0%{transform:scale(0);opacity:0}70%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.walking-bug path{transform-origin:12px 12px;animation:legMove .4s infinite ease-in-out}.walking-bug path:nth-child(2n){animation-name:legMoveAlt}@keyframes legMove{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}@keyframes legMoveAlt{0%,to{transform:rotate(0)}50%{transform:rotate(-10deg)}}.walking-bug rect{animation:bodyJiggle .8s infinite ease-in-out;transform-origin:center}@keyframes bodyJiggle{0%,to{transform:translateY(0)}50%{transform:translateY(-.5px)}}.version-update-toast{position:fixed;bottom:24px;right:24px;background:#000;border:1px solid #EE763C;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 40px #0009;z-index:99999;min-width:320px;animation:slideUpIn .4s cubic-bezier(.165,.84,.44,1);color:#fff;cursor:default}@keyframes slideUpIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.version-update-icon{width:40px;height:40px;background:#ee763c1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ee763c;flex-shrink:0}.version-update-body{flex-grow:1}.version-update-title{font-weight:700;font-size:14px;margin-bottom:4px;letter-spacing:.5px;color:#fff}.version-update-text{font-size:12px;opacity:.7;margin-bottom:0;line-height:1.4}.version-refresh-btn{background:#ee763c;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 10px #ee763c33;margin-right:8px}.version-refresh-btn:hover{background:#fb8c50;transform:translateY(-2px);box-shadow:0 6px 15px #ee763c4d}.version-refresh-btn:active{transform:translateY(0)}.version-refresh-btn .refresh-rotate{animation:rotate 3s linear infinite paused}.version-refresh-btn:hover .refresh-rotate{animation-play-state:running}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.version-close-btn{background:transparent;border:none;color:#fff;opacity:.4;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.version-close-btn:hover{opacity:1;background:#ffffff1a}.atom-context-menu{position:absolute;min-width:220px;background:#0a0a0ad9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:6px 0;z-index:100000;box-shadow:0 8px 32px #000c,0 1px 1px #ffffff0d inset;animation:contextMenuAppear .2s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes contextMenuAppear{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.menu-group{padding:4px}.menu-item{display:flex;align-items:center;gap:12px;padding:8px 12px;color:#ffffffb3;font-size:.85rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;-webkit-user-select:none;user-select:none}.menu-item svg{color:#fff6;transition:color .2s}.menu-item:hover{background:#ee763c26;color:#ee763c;transform:translate(4px)}.menu-item:hover svg{color:#ee763c}.menu-item.ai-item{background:linear-gradient(90deg,rgba(238,118,60,.1),transparent);color:#ffd060;font-weight:600}.ai-item:hover{background:linear-gradient(90deg,#ee763c33,#ee763c0d);color:#ffd060}.ai-tag{margin-left:auto;background:#ffd060;color:#000;font-size:.6rem;padding:1px 5px;border-radius:4px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.shortcut{margin-left:auto;font-size:.7rem;color:#ffffff4d;font-weight:600}.chevron{margin-left:auto;opacity:.3}.menu-separator{height:1px;background:#ffffff14;margin:4px 8px}.menu-footer{display:flex;justify-content:center;padding:10px 12px 6px;font-size:.65rem;color:#fff3;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.03);margin-top:4px}.icon-gold{color:#ffd060!important}.icon-muted{color:#fff3!important}.menu-item.disabled{cursor:not-allowed;background:transparent!important;opacity:.6}.menu-item.disabled:hover{transform:none;color:#ffffffb3}.ai-tag.coming-soon{background:#ffffff1a;color:#fff6}.atom-context-menu.border-beam:before{z-index:-1;opacity:.6}