@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap");:root{--page-black1000:#101010;--page-dark1000:#191919;--page-dark800:#1D1D1D;--page-dark600:#242424;--button-primary:#0084E9;--button-gray1000:#313131;--button-gray800:#505050;--text-white1000:#FFFFFF;--text-white800:#CCCCCC;--text-white600:#919191;--text-white400:#7A7A7A;--line-divider:#303030;--line-color:#424242;--text-sm:0.75rem;--text-md:0.875rem;--text-lg:1rem;--main-text-size:0.875rem;--big-text-size:1rem;--line-size:1px;--thick-line-size:3px;--bg-primary:var(--page-black1000);--bg-secondary:var(--page-dark1000);--bg-tertiary:var(--page-dark800);--bg-card:var(--page-dark600);--bg-hover:var(--button-gray1000);--bg-active:var(--button-gray800);--border-color:var(--line-divider);--border-light:var(--line-color);--text-primary:var(--text-white1000);--text-secondary:var(--text-white800);--text-muted:var(--text-white600);--text-placeholder:var(--text-white400);--accent-primary:var(--button-primary);--accent-hover:#006FCC;--accent-cyan:#06b6d4;--accent-orange:#f59e0b;--accent-green:#22c55e;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--row-height-cut:3.5625rem;--control-panel-height:13.0625rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--shadow-sm:0 0.0625rem 0.125rem rgba(0,0,0,0.4);--shadow-md:0 0.25rem 0.375rem rgba(0,0,0,0.5);--shadow-lg:0 0.625rem 0.9375rem rgba(0,0,0,0.6);--font-family:"Rubik",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sidebar-width:8.75rem;--sidebar-collapsed-width:0rem;--overlay-dim:rgba(0,0,0,0.4);--overlay-medium:rgba(0,0,0,0.6);--overlay-dark:rgba(0,0,0,0.8);--overlay-border-light:rgba(255,255,255,0.2);--overlay-border-medium:rgba(255,255,255,0.5);--code-blue:#569cd6;--code-orange:#ce9178;--code-green:#6A9955;--code-green-light:#b5cea8;--glass-bg:rgba(25,25,25,0.7);--glass-bg-darker:rgba(15,15,15,0.88);--glass-blur:20px;--glass-border:rgba(255,255,255,0.08);--glass-border-hover:rgba(255,255,255,0.15);--modal-overlay-bg:rgba(0,0,0,0.4);--modal-bg:rgba(25,25,25,0.7);--modal-blur:20px;--modal-border:rgba(255,255,255,0.08);--modal-radius:12px;--modal-shadow:0 8px 32px rgba(0,0,0,0.4);--modal-header-bg:rgba(255,255,255,0.03);--modal-footer-bg:rgba(255,255,255,0.02);--modal-divider:rgba(255,255,255,0.06);--modal-input-bg:rgba(0,0,0,0.3);--modal-sidebar-bg:rgba(0,0,0,0.2);--modal-width-sm:400px;--modal-width-md:600px;--modal-width-lg:900px;--modal-width-xl:1400px;--modal-max-width-sm:90vw;--modal-max-width-default:95vw;--modal-header-height:56px;--modal-title-size:1rem;--modal-close-icon-size:20px;--modal-footer-padding:16px 24px;--z-expand-popup:500;--z-expand-button:550;--z-menu:600;--z-popover:700;--z-modal:1000;--z-modal-elevated:1100;--z-lightbox:2000;--z-modal-popover:10200;--transition-fast:0.15s ease;--transition-normal:0.2s ease}*{box-sizing:border-box;padding:0;margin:0}body,html{font-family:var(--font-family);font-size:1rem;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:.375rem;height:.375rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:.1875rem}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}input:focus,select:focus,textarea:focus{outline:none}button{cursor:pointer;border:none;background:none;transition:transform .1s ease,filter .1s ease}button:active{transform:scale(.97)}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin,.spin-anim{animation:spin 1s linear infinite}.tag{display:inline-flex;align-items:center;padding:2px 8px;background:transparent;border:1px solid var(--accent-primary);border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--accent-primary)}.text-selected{color:var(--accent-cyan)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;color:var(--text-secondary);transition:all .15s ease}.btn:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.btn:active{background:var(--bg-active)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:white}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:white}.select{appearance:none;padding:var(--spacing-sm) var(--spacing-md);padding-right:28px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.select:hover{border-color:var(--border-light)}.select:focus{border-color:var(--accent-primary)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:90vw;max-height:90vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.modal-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color)}@keyframes slideDownOne{0%{transform:translateY(calc(-100% - 12px));opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes slideDownTwo{0%{transform:translateY(calc(-200% - 24px));opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes slideUpOne{0%{transform:translateY(calc(100% + 12px));opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes slideUpTwo{0%{transform:translateY(calc(200% + 24px));opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes fadeInOnly{0%{opacity:0}to{opacity:.3}}@keyframes streamLineIn{0%{-webkit-mask-position:right;mask-position:right}to{-webkit-mask-position:left;mask-position:left}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(calc(-150% - 20px));opacity:0}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(calc(150% + 20px));opacity:0}}@keyframes moveLeft1{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 4px))}}@keyframes moveLeft1Down1{0%{transform:translateX(0) translateY(0)}to{transform:translateX(calc(-100% - 4px)) translateY(calc(100% + 4px))}}@keyframes moveLeft2{0%{transform:translateX(0)}to{transform:translateX(calc(-200% - 8px))}}@keyframes moveRight1Down1{0%{transform:translateX(0) translateY(0)}to{transform:translateX(calc(100% + 4px)) translateY(calc(100% + 4px))}}@keyframes moveRight1Down2{0%{transform:translateX(0) translateY(0)}to{transform:translateX(calc(100% + 4px)) translateY(calc(200% + 8px))}}@keyframes moveRight2Down2{0%{transform:translateX(0) translateY(0)}to{transform:translateX(calc(200% + 8px)) translateY(calc(200% + 8px))}}@keyframes moveDown1{0%{transform:translateY(0)}to{transform:translateY(calc(100% + 4px))}}@keyframes moveDown2{0%{transform:translateY(0)}to{transform:translateY(calc(200% + 8px))}}@keyframes cellFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBelow{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromAbove{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes gridFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pushRowsDown{0%{transform:translateY(0)}to{transform:translateY(calc(200% + 8px))}}@keyframes pushRowsUp{0%{transform:translateY(0)}to{transform:translateY(calc(-200% - 8px))}}.glass-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.glass-modal{background:rgba(25,25,25,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2)}.glass-header{background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06)}.glass-footer{background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.06)}.glass-sidebar{background:rgba(0,0,0,.2);border-right:1px solid rgba(255,255,255,.06)}.glass-input{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}.glass-input:focus{border-color:var(--button-primary)}.glass-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.glass-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}body.floating-drag-active{cursor:grabbing!important}body.gallery-drag-started>*{pointer-events:none}body.gallery-drag-started{cursor:grabbing!important}