*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;scrollbar-gutter:stable}@media(max-width:767px){html,body{overscroll-behavior-y:none}}body{min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}textarea{resize:vertical}ul,ol{list-style:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}@supports (-webkit-touch-callout: none){select,textarea,input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url]{font-size:var(--ds-text-sm-plus)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--ds-primary: #1A9693;--ds-primary-hover: #158785;--ds-primary-active: #117370;--ds-primary-light: #E8FAFA;--ds-primary-pale: #F0FAFA;--ds-primary-pressed: rgba(26, 150, 147, .18);--ds-success: #15803d;--ds-success-light: #eafaf1;--ds-warning: #c2760c;--ds-warning-light: #fef9e7;--ds-danger: #c0392b;--ds-danger-light: #fdedec;--ds-info: #1e6fb8;--ds-info-light: #ebf5fb;--ds-warning-bg: #fef3c7;--ds-warning-text: #92400e;--ds-success-bg: #ecfdf5;--ds-success-text: #065f46;--ds-success-accent: #10b981;--ds-success-bright: #27ae60;--ds-warning-bright: #f5a623;--ds-danger-bright: #e74c3c;--ds-info-bright: #3498db;--ds-text-strong-hover: #333333;--ds-border-hover: #cccccc;--ds-success-hover: #219a52;--ds-danger-hover: #a02d20;--ds-bg-modal-footer: #eef2f2;--ds-white: #ffffff;--ds-black: #000000;--ds-bg: #f5f5f7;--ds-bg-card: #ffffff;--ds-bg-subtle: #f8f9fa;--ds-bg-section: #ECEEF0;--ds-bg-hover: rgba(0, 0, 0, .03);--ds-bg-active: rgba(0, 0, 0, .06);--ds-bg-sidebar: #fafafa;--ds-text: #1a1a1a;--ds-text-strong: #333333;--ds-text-secondary: #666666;--ds-text-tertiary: #4b5563;--ds-text-muted: #888888;--ds-text-placeholder: #9ca3af;--ds-text-inverse: #ffffff;--ds-border: #e5e5e5;--ds-border-light: #f0f0f0;--ds-border-warm: #e9e1dd;--ds-border-focus: #117370;--ds-border-error: #e74c3c;--ds-border-input: #949494;--ds-radius-xs: 4px;--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-radius-xl: 20px;--ds-radius-pill: 99px;--ds-radius-round: 50%;--ds-status-w-trakcie-bg: #ebf5fb;--ds-status-w-trakcie-fg: #1e6fb8;--ds-status-decyzja-bg: #fef4e6;--ds-status-decyzja-fg: #b45309;--ds-status-czesci-bg: #fdf6e3;--ds-status-czesci-fg: #a16207;--ds-status-gotowe-bg: #eafaf1;--ds-status-gotowe-fg: #15803d;--ds-status-odebrano-bg: #eef1f4;--ds-status-odebrano-fg: #4b5563;--ds-status-anulowano-bg: #fdedec;--ds-status-anulowano-fg: #c0392b;--ds-modal-surface: #f8f8f8;--ds-modal-card: #ffffff;--ds-modal-hairline: #f2f2f4;--ds-modal-hairline-strong:#ececee;--ds-modal-side-panel: #fbfbfc;--ds-modal-footer-border: #dfe5e5;--ds-ink: #0d2321;--ds-ink-accent: #5fd4cf;--ds-primary-border-tint: #d6efef;--ds-radius-card: 14px;--ds-radius-sheet: 22px;--ds-focus-ring: 0 0 0 4px rgba(26, 150, 147, .15);--ds-shadow-card-v2: 0 1px 2px rgba(0, 0, 0, .04);--ds-glow-cta: 0 2px 12px rgba(26, 150, 147, .25);--ds-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--ds-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--ds-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--ds-shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--ds-shadow-modal: 0 24px 80px rgba(0, 0, 0, .15);--ds-shadow-float: 0 12px 40px rgba(0, 0, 0, .12);--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-space-16: 64px;--form-field-gap: 16px;--ds-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-font-heading: "Outfit", "Plus Jakarta Sans", -apple-system, sans-serif;--ds-font-display: "Outfit", "Plus Jakarta Sans", -apple-system, sans-serif;--ds-font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--ds-text-xs: 11px;--ds-text-2xs: 12px;--ds-text-sm: 13px;--ds-text-sm-plus: 14px;--ds-text-base: 15px;--ds-text-md: 16px;--ds-text-lg: 18px;--ds-text-xl: 22px;--ds-text-2xl: 28px;--ds-text-3xl: 34px;--ds-weight-normal: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600;--ds-weight-bold: 700;--ds-weight-extrabold: 800;--ds-label-size: 12.5px;--ds-label-weight: var(--ds-weight-medium);--ds-label-color: var(--ds-text-secondary);--ds-input-border: var(--ds-border-input);--ds-input-radius: 10px;--ds-input-focus-color: var(--ds-primary);--ds-input-focus-ring: 0 0 0 4px rgba(26,150,147,.15);--ds-button-radius: 10px;--ds-leading-tight: 1.2;--ds-leading-normal: 1.5;--ds-leading-relaxed: 1.65;--ds-ease: cubic-bezier(.25, .46, .45, .94);--ds-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ds-ease-out: cubic-bezier(.16, 1, .3, 1);--ds-duration-fast: .15s;--ds-duration-normal: .25s;--ds-duration-slow: .4s;--ds-z-dropdown: 100;--ds-z-sticky: 200;--ds-z-overlay: 300;--ds-z-modal: 400;--ds-z-toast: 500;--ds-z-tooltip: 600;--ds-sidebar-width: 220px;--ds-header-height: 56px;--ds-bottom-nav: 64px;--ds-bottom-nav-total: calc(64px + env(safe-area-inset-bottom, 0px)) ;--ds-modal-max-width: 680px;--ds-content-max-width: 1200px;--ds-blur-sm: 8px;--ds-blur-md: 20px;--ds-blur-lg: 40px;--ds-status-in-progress: #3b82f6;--ds-status-waiting-decision: #f97316;--ds-status-waiting-parts: #facc15;--ds-status-ready: #15803d;--ds-status-collected: #5f6368;--ds-status-cancelled: #c0392b;--z-mobile-header: 50;--z-bottom-nav: 100;--z-modal-edit: 9999;--z-bottom-sheet: 10050;--z-toast: 10100;--js-primary: var(--ds-primary);--js-primary-hover: var(--ds-primary-hover)}body{font-family:var(--ds-font);font-size:var(--ds-text-base);font-weight:var(--ds-weight-normal);line-height:var(--ds-leading-normal);color:var(--ds-text);background-color:var(--ds-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--ds-font-heading);font-weight:var(--ds-weight-bold);line-height:var(--ds-leading-tight);color:var(--ds-text);letter-spacing:-.02em}h1{font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-extrabold)}h2{font-size:var(--ds-text-xl);font-weight:var(--ds-weight-bold)}h3{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold)}h4{font-size:var(--ds-text-md);font-weight:var(--ds-weight-semibold)}@media(min-width:1440px){h1{font-size:var(--ds-text-3xl)}h2{font-size:var(--ds-text-2xl)}h3{font-size:var(--ds-text-xl)}}p{margin-bottom:var(--ds-space-3);color:var(--ds-text-secondary)}p:last-child{margin-bottom:0}small,.text-caption{font-size:var(--ds-text-xs);color:var(--ds-text-tertiary);line-height:var(--ds-leading-normal)}label,.text-label,.field-label{font-size:var(--ds-label-size);font-weight:var(--ds-label-weight);color:var(--ds-label-color);letter-spacing:normal}strong,b{font-weight:var(--ds-weight-semibold)}code,pre,.text-mono{font-family:var(--ds-font-mono);font-size:var(--ds-text-sm)}.kpi-number,.kpi-value,.stat-value,.cena-cell,.platnosci-amount-value,.zl-panel-pay__amount,.main-title.nazwa-zlecenia{font-family:var(--ds-font-display)}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],input[type=date],select,textarea{width:100%;min-height:44px;padding:var(--ds-space-3) var(--ds-space-4);font-family:var(--ds-font);font-size:var(--ds-text-sm-plus);font-weight:var(--ds-weight-normal);color:var(--ds-text);background:var(--ds-white);border:1.5px solid var(--ds-input-border);border-radius:var(--ds-input-radius);outline:none;transition:border-color var(--ds-duration-fast) var(--ds-ease),box-shadow var(--ds-duration-fast) var(--ds-ease);-webkit-appearance:none;appearance:none}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],input[type=date],select{line-height:1.3;padding-top:10px;padding-bottom:10px}input::placeholder,textarea::placeholder{color:var(--ds-text-placeholder);font-weight:var(--ds-weight-normal)}button:focus-visible,a:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}.required-asterisk{color:var(--ds-danger);font-weight:var(--ds-weight-bold);margin-left:2px}input.error,select.error,textarea.error,input[aria-invalid=true],input:invalid:not(:placeholder-shown),.has-error input,.has-error select{border-color:var(--ds-border-error)}input.error:focus,input[aria-invalid=true]:focus,.has-error input:focus{box-shadow:0 0 0 4px #c0392b40}input:disabled,select:disabled,textarea:disabled{background:var(--ds-bg);color:var(--ds-text-tertiary);cursor:not-allowed;opacity:.6}textarea{min-height:88px;line-height:var(--ds-leading-relaxed)}select{padding-right:var(--ds-space-10);background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ds-space-4) center}.select-wrapper,.step-select-wrapper{position:relative}.select-wrapper select,.step-select-wrapper select{background-image:none}.select-wrapper img,.select-wrapper>svg,.step-select-wrapper img,.step-select-wrapper>svg{position:absolute;right:var(--ds-space-4);top:50%;transform:translateY(-50%);pointer-events:none;width:12px;height:12px;opacity:.5}.input-wrapper,.step-input-wrapper{position:relative}.input-wrapper img,.input-wrapper>svg,.step-input-wrapper>img,.step-input-wrapper>svg{position:absolute;left:var(--ds-space-4);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ds-text-tertiary);opacity:.7;pointer-events:none}.input-wrapper input,.step-input-wrapper>input[type=text],.step-input-wrapper>input[type=tel],.step-input-wrapper>input[type=email],.step-input-wrapper>input[type=number],.step-input-wrapper>input[type=password],.step-input-wrapper>input[type=search],.step-input-wrapper>input[type=url],.step-input-wrapper>input[type=date]{padding-left:var(--ds-space-10)}.step-input-wrapper>p+img,.step-input-wrapper>p+svg,.step-input-wrapper>label+img,.step-input-wrapper>label+svg{top:auto;bottom:12px;transform:none}@media(max-width:767px){.step-input-wrapper>p+svg,.step-input-wrapper>p+img,.step-input-wrapper>label+svg,.step-input-wrapper>label+img{bottom:14px}}.step-input-wrapper>.input-unit{position:absolute;right:var(--ds-space-4);bottom:12px;font-size:var(--ds-text-sm);line-height:16px;color:var(--ds-text-tertiary);pointer-events:none}.step-input-wrapper>input.has-unit{padding-right:var(--ds-space-10)}@media(max-width:767px){.step-input-wrapper>.input-unit{bottom:14px}}.form-label,.step p:first-child{display:block;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-2)}.step-input-wrapper>p:first-child,.step-input-wrapper>label,.step-select-wrapper>p:first-child,.step-select-wrapper>label{font-size:var(--ds-label-size);font-weight:var(--ds-label-weight);text-transform:none;letter-spacing:normal;color:var(--ds-label-color)}.form-group{margin-bottom:var(--ds-space-4)}input[type=checkbox]{width:20px;height:20px;min-height:20px;padding:0;border-radius:var(--ds-radius-xs);border:1.5px solid var(--ds-border-input);accent-color:var(--ds-primary);cursor:pointer;-webkit-appearance:auto;appearance:auto}.multiselect-wrapper{position:relative}.multiselect-wrapper .multiselect-selected-items{display:flex;align-items:center;min-height:40px;padding:var(--ds-space-2) var(--ds-space-4);background:var(--ds-white);border:1.5px solid var(--ds-border-input);border-radius:var(--ds-radius-md);cursor:pointer;transition:border-color var(--ds-duration-fast) var(--ds-ease)}.multiselect-wrapper.has-dropdown-open .multiselect-selected-items{border-color:var(--ds-border-focus)}.multiselect-wrapper .multiselect-dropdown{position:absolute;top:100%;left:0;right:0;z-index:var(--ds-z-dropdown);background:var(--ds-white);border:1.5px solid var(--ds-border-input);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-md);margin-top:var(--ds-space-1);max-height:240px;overflow-y:auto}.multiselect-wrapper .multiselect-option{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);font-size:var(--ds-text-sm);cursor:pointer;transition:background var(--ds-duration-fast)}.multiselect-wrapper .multiselect-option:hover{background:var(--ds-bg-hover)}.multiselect-wrapper .multiselect-arrow{transition:transform var(--ds-duration-fast) var(--ds-ease)}.multiselect-wrapper.has-dropdown-open .multiselect-arrow{transform:rotate(180deg)}.clear-input-btn,.clear-input-btn-mobile{position:absolute;right:var(--ds-space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--ds-text-tertiary);font-size:var(--ds-text-lg);cursor:pointer;padding:var(--ds-space-1);line-height:1}@media(min-width:768px){input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],input[type=date],select,textarea{min-height:40px;font-size:var(--ds-text-sm)}.input-compact,.filter-input-wrapper input,.filter-input-wrapper select{min-height:36px;font-size:var(--ds-text-xs);padding:var(--ds-space-2) var(--ds-space-3)}}.app-mobile-search{display:flex;align-items:center;gap:var(--ds-space-2);margin:var(--ds-space-3) var(--ds-space-4);padding:0 var(--ds-space-4);background:var(--ds-white);border:1.5px solid var(--ds-border-input);border-radius:var(--ds-radius-pill);min-height:44px;transition:border-color var(--ds-duration-fast) var(--ds-ease),box-shadow var(--ds-duration-fast) var(--ds-ease)}.app-mobile-search:focus-within{border-color:var(--ds-border-focus);box-shadow:var(--ds-input-focus-ring)}.app-mobile-search-icon{width:16px;height:16px;opacity:.4;flex-shrink:0}.app-mobile-search-input{border:none;background:transparent;font-size:var(--ds-text-sm-plus);width:100%;outline:none;min-height:auto;padding:0;color:var(--ds-text)}.app-mobile-search-input::placeholder{color:var(--ds-text-placeholder)}@media(min-width:768px){.app-mobile-search{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);font-family:var(--ds-font);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);line-height:1;white-space:nowrap;border:none;border-radius:var(--ds-radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--ds-duration-fast) var(--ds-ease);min-height:44px;padding:0 var(--ds-space-5);text-decoration:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--ds-border-focus, var(--ds-primary));outline-offset:2px}.btn:disabled,.btn.disabled{opacity:.4;pointer-events:none;cursor:default}.btn img,.btn svg{flex-shrink:0;width:16px;height:16px}.btn-primary{background:var(--ds-primary);color:var(--ds-text-inverse)}.btn-primary:hover{background:var(--ds-primary-hover);box-shadow:var(--ds-shadow-sm)}.btn-primary:active{background:var(--ds-primary-active)}.btn-dark{background:var(--ds-text);color:var(--ds-text-inverse)}.btn-dark:hover{background:var(--ds-text-strong-hover)}.btn-ghost{background:transparent;color:var(--ds-text-secondary);border:1.5px solid var(--ds-border)}.btn-ghost:hover{background:var(--ds-bg-hover);border-color:var(--ds-border-hover);color:var(--ds-text)}.btn-danger{background:var(--ds-danger);color:var(--ds-text-inverse)}.btn-danger:hover{background:var(--ds-danger-hover)}.btn-outline-danger{background:transparent;color:var(--ds-danger);border:1.5px solid var(--ds-danger)}.btn-outline-danger:hover{background:var(--ds-danger-light)}.btn-success{background:var(--ds-success);color:var(--ds-text-inverse)}.btn-success:hover{background:var(--ds-success-hover)}.btn-icon{width:44px;min-width:44px;max-width:44px;height:44px;padding:0;border-radius:var(--ds-radius-md);background:var(--ds-bg-hover);color:var(--ds-text-secondary)}.btn-icon:hover{background:var(--ds-bg-active);color:var(--ds-text)}.btn-icon img,.btn-icon svg{width:18px;height:18px}.btn-sm{min-height:36px;padding:0 var(--ds-space-4);font-size:var(--ds-text-xs)}.btn-lg{min-height:52px;padding:0 var(--ds-space-8);font-size:var(--ds-text-base)}.btn-pill{min-height:32px;padding:0 var(--ds-space-4);font-size:var(--ds-text-xs);border-radius:var(--ds-radius-pill);border:1.5px solid var(--ds-border);background:var(--ds-white);color:var(--ds-text-secondary)}.btn-pill:hover{background:var(--ds-bg-hover)}.btn-pill.active,.btn-pill.aktywny{background:var(--ds-primary);color:var(--ds-text-inverse);border-color:var(--ds-primary)}@media(max-width:767px){.btn-sm,.btn-pill,.filter-by-btn{min-height:44px}}.touch-pressed{opacity:.7;transform:scale(.97)}@media(min-width:768px){.btn{min-height:40px}.btn-sm{min-height:32px}.btn-icon{width:40px;min-width:40px;max-width:40px;height:40px}}.login-layout{display:flex;min-height:100vh;min-height:100dvh;background:var(--ds-bg)}.theme-toggle{position:fixed;top:var(--ds-space-4);right:var(--ds-space-4);z-index:10;width:40px;height:40px;border-radius:var(--ds-radius-round);background:#ffffff26;-webkit-backdrop-filter:blur(var(--ds-blur-sm));backdrop-filter:blur(var(--ds-blur-sm));display:flex;align-items:center;justify-content:center;cursor:pointer}.theme-toggle:hover{background:#ffffff40}.theme-toggle img{width:18px;height:18px}.brand-panel{display:none;flex:1;background:linear-gradient(135deg,#0f1419,#1a2332,#0d1117);position:relative;overflow:hidden}@media(min-width:768px){.brand-panel{display:flex;align-items:center;justify-content:center}}.brand-panel-inner{position:relative;z-index:2;padding:var(--ds-space-10);max-width:500px}.logo{display:flex;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-8)}.logo-icon,.logo-diamond{width:44px;height:44px}.logo-text{font-family:var(--ds-font-heading);font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-extrabold);color:var(--ds-white)}.brand-panel .headline{font-family:var(--ds-font-heading);font-size:32px;font-weight:var(--ds-weight-extrabold);color:var(--ds-white);line-height:var(--ds-leading-tight);margin-bottom:var(--ds-space-4)}.brand-panel .headline .accent{display:block;color:var(--ds-text-tertiary);font-weight:var(--ds-weight-medium);font-size:24px}.brand-panel .subheadline{font-size:var(--ds-text-base);color:#ffffff80;line-height:var(--ds-leading-relaxed);margin-bottom:var(--ds-space-8)}.features{display:flex;flex-direction:column;gap:var(--ds-space-4)}.feature{display:flex;align-items:center;gap:var(--ds-space-3)}.feature-icon{width:40px;height:40px;border-radius:var(--ds-radius-md);background:#ffffff0f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon img,.feature-icon svg{width:20px;height:20px;opacity:.7}.feature-text{font-size:var(--ds-text-sm);color:#ffffffa6}.aurora{position:absolute;inset:0;overflow:hidden;z-index:0}.aurora-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15;animation:aurora-float 20s infinite ease-in-out}.aurora-blob:nth-child(1){width:500px;height:500px;background:var(--ds-primary);top:-20%;left:-10%}.aurora-blob:nth-child(2){width:400px;height:400px;background:#6366f1;bottom:-10%;right:-5%;animation-delay:-7s}.aurora-blob:nth-child(3){width:300px;height:300px;background:#8b5cf6;top:40%;left:30%;animation-delay:-14s}@keyframes aurora-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.particles{position:absolute;inset:0;z-index:1}.particle{position:absolute;width:3px;height:3px;background:#ffffff26;border-radius:50%;animation:particle-drift 15s infinite linear}@keyframes particle-drift{0%{transform:translateY(100vh);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh);opacity:0}}.particle:nth-child(1){left:10%;animation-duration:18s}.particle:nth-child(2){left:25%;animation-duration:14s;animation-delay:-3s}.particle:nth-child(3){left:45%;animation-duration:20s;animation-delay:-7s}.particle:nth-child(4){left:60%;animation-duration:16s;animation-delay:-5s}.particle:nth-child(5){left:75%;animation-duration:22s;animation-delay:-10s}.particle:nth-child(6){left:90%;animation-duration:17s;animation-delay:-2s}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;z-index:1}.separator{position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1),transparent);z-index:2}.form-panel{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--ds-space-6);background:var(--ds-bg)}@media(min-width:768px){.form-panel{width:480px;min-width:420px;flex-shrink:0}}.form-inner{width:100%;max-width:360px}.form-greeting{font-size:var(--ds-text-lg);margin-bottom:var(--ds-space-2);color:var(--ds-text)}.form-heading{font-family:var(--ds-font-heading);font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-extrabold);color:var(--ds-text);margin-bottom:var(--ds-space-2)}.form-subheading{font-size:var(--ds-text-sm);color:var(--ds-text-tertiary);margin-bottom:var(--ds-space-8)}.input-group{margin-bottom:var(--ds-space-5)}.input-label{display:block;font-size:var(--ds-label-size);font-weight:var(--ds-label-weight);color:var(--ds-label-color);text-transform:none;letter-spacing:normal;margin-bottom:var(--ds-space-2)}.input-group .input-wrapper{position:relative}.input-group .input-field{width:100%;height:48px;padding:0 var(--ds-space-4);padding-left:44px;font-size:var(--ds-text-sm-plus);border:1.5px solid var(--ds-input-border);border-radius:var(--ds-radius-md);background:var(--ds-white);transition:border-color var(--ds-duration-fast),box-shadow var(--ds-duration-fast)}.input-group .input-field:focus{border-color:var(--ds-input-focus-color);box-shadow:var(--ds-input-focus-ring);outline:none}.input-group .input-field.is-invalid{border-color:var(--ds-danger)}.input-group .input-icon{position:absolute;left:var(--ds-space-4);top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.35;pointer-events:none}.toggle-password{position:absolute;right:var(--ds-space-3);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;opacity:.4;padding:var(--ds-space-2)}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-6)}.remember-me{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-secondary);cursor:pointer}.checkbox-custom{width:18px;height:18px;border-radius:var(--ds-radius-xs);border:1.5px solid var(--ds-border);accent-color:var(--ds-primary)}.btn-login{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);font-family:var(--ds-font);font-size:var(--ds-text-base);font-weight:var(--ds-weight-semibold);color:var(--ds-text-inverse);background:var(--ds-text);border:none;border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-duration-fast) var(--ds-ease)}.btn-login:hover{background:#333;box-shadow:var(--ds-shadow-md)}.btn-login:active{transform:scale(.98)}.btn-login img{width:16px;height:16px;filter:brightness(0) invert(1)}.form-footer{text-align:center;font-size:var(--ds-text-xs);color:var(--ds-text-tertiary);margin-top:var(--ds-space-8)}.form-footer a{color:var(--ds-primary-active);font-weight:var(--ds-weight-medium)}.animate-in{opacity:0;transform:translateY(16px);animation:fade-slide-in .6s var(--ds-ease-out) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}@keyframes fade-slide-in{to{opacity:1;transform:translateY(0)}}