@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Teko:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Teko:wght@500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";body{margin:0;padding:0}#root{width:100%;min-height:100svh}:root{--bg-top:#171328;--bg-bottom:#0d0c18;--surface:#17182eeb;--surface-strong:#eef2fb;--surface-soft:#ffffff0d;--line:#ffffff1a;--line-strong:#ffffff29;--text:#f4f6fb;--muted:#8e92ac;--label:#676b86;--field-text:#14182c;--accent-start:#f3ae27;--accent-mid:#ff652f;--accent-end:#f23636;--danger:#ff9696;--shadow:0 28px 70px #0000006b}*,:before,:after{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at top left, #f2363629, transparent 22%), radial-gradient(circle at bottom right, #f3ae2724, transparent 24%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);min-height:100svh;margin:0;font-family:Manrope,sans-serif}.login-page{place-items:center;min-height:100svh;padding:16px 12px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";opacity:.5;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 79px,#ffffff05 80px),repeating-linear-gradient(90deg,#0000,#0000 79px,#ffffff05 80px);position:absolute;inset:0}.login-page__glow{filter:blur(100px);pointer-events:none;will-change:transform;border-radius:999px;position:absolute}.login-page__glow--pink{background:#f236362e;width:320px;height:320px;animation:10s ease-in-out infinite alternate glowDrift;top:-120px;left:-120px}.login-page__glow--sky{background:#f3ae2726;width:320px;height:320px;animation:14s ease-in-out 3s infinite alternate-reverse glowDrift;bottom:-120px;right:-120px}@keyframes glowDrift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,-20px)scale(1.12)}}.login-shell{z-index:1;justify-content:center;width:100%;animation:.7s cubic-bezier(.16,1,.3,1) both cardEnter;display:flex;position:relative}@keyframes cardEnter{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff08, transparent 30%), var(--surface);width:min(100%,370px);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(16px);border-radius:20px;padding:30px 20px 20px;position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg, var(--accent-start), var(--accent-mid), var(--accent-end));background-size:200% 100%;border-radius:999px;height:3px;animation:3s linear infinite shimmer;position:absolute;top:0;left:20px;right:20px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.login-card:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000 30%);position:absolute;inset:0}.login-card__bubble{pointer-events:none;border-radius:999px;animation:8s ease-in-out infinite alternate bubbleFloat;position:absolute}.login-card__bubble--one{background:#ff662f14;width:100px;height:100px;animation-delay:0s;top:-34px;right:-18px}.login-card__bubble--two{background:#f3ae270d;width:82px;height:82px;animation-delay:-4s;bottom:38px;left:-34px}@keyframes bubbleFloat{0%{transform:translate(0)}to{transform:translate(8px,-12px)}}.login-card__brand,.login-card__heading,.login-form{z-index:1;position:relative}.login-card__brand{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.login-card__logo-wrap{justify-content:center;align-items:center;width:auto;height:28px;display:flex}.login-card__logo{object-fit:contain;filter:invert();width:auto;height:28px;display:block}.login-card__brand-name,.login-card__brand-copy,.login-card__heading h1,.login-card__heading p{margin:0}.login-card__brand-name{letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#ff652f,#fff 60%,#ff652f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Teko,sans-serif;font-size:2rem;font-weight:600;line-height:1}.login-card__brand-copy{color:var(--label);letter-spacing:.26em;text-transform:uppercase;margin-top:6px;font-size:.6rem}.login-card__heading{margin-top:20px}.login-card__eyebrow{color:var(--accent-start);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 20px #f3ae274d;font-size:.68rem;font-weight:800;display:inline-block}.login-card__heading h1{letter-spacing:.01em;background:linear-gradient(135deg,#fff 50%,#ffffffb3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:4px;font-family:Teko,sans-serif;font-size:1.65rem;font-weight:600;line-height:.95}.login-card__heading p{color:var(--muted);margin-top:4px;font-size:.76rem}.login-form{gap:12px;margin-top:18px;display:grid}.login-field{gap:5px;display:grid}.login-field label{color:var(--label);letter-spacing:.2em;text-transform:uppercase;font-size:.64rem;font-weight:700}.login-field__row{justify-content:flex-start;align-items:center;display:flex}.login-input{position:relative}.login-input__icon{color:#707791;pointer-events:none;z-index:2;width:16px;height:16px;transition:color .2s;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.login-input input{background:var(--surface-strong);width:100%;height:42px;color:var(--field-text);font:inherit;z-index:1;-webkit-tap-highlight-color:transparent;border:0;border-radius:11px;padding:0 44px 0 40px;font-size:.86rem;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;position:relative;box-shadow:inset 0 0 0 1px #0000000a}.login-input input::placeholder{color:#9a9eb4;font-weight:500}.login-input input:focus{outline:none;transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px #ff652f47,0 0 0 4px #ff652f1a,0 4px 16px #00000014}.login-input:focus-within .login-input__icon{color:var(--accent-mid)}.login-input__toggle{color:#1a1d2d;cursor:pointer;z-index:3;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-input__toggle:active{background:#0000000f}.login-input__toggle svg{width:17px;height:17px}.login-check{color:#6f748c;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:8px;font-size:.8rem;display:flex}.login-check input{opacity:0;pointer-events:none;position:absolute}.login-check__box{background:#ffffff08;border:1.5px solid #464a62;border-radius:6px;flex-shrink:0;width:18px;height:18px;transition:all .25s;position:relative}.login-check input:checked+.login-check__box{background:linear-gradient(135deg, var(--accent-mid), var(--accent-end));border-color:#0000;box-shadow:0 2px 10px #f2363640}.login-check input:checked+.login-check__box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin:auto;position:absolute;inset:0;transform:rotate(45deg)translate(-8%,-8%)}.login-error{color:var(--danger);background:#ff969614;border:1px solid #ff96961f;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;font-weight:600;animation:.4s ease-out shakeIn;display:flex}@keyframes shakeIn{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.login-error__dot{background:var(--danger);border-radius:999px;flex-shrink:0;width:7px;height:7px;animation:1.5s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.login-submit{background:linear-gradient(90deg, var(--accent-end), var(--accent-mid), var(--accent-start));color:#fff;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background-size:200% 100%;border:0;border-radius:10px;height:40px;font-family:Teko,sans-serif;font-size:1.1rem;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,background-position .4s;position:relative;overflow:hidden;box-shadow:0 12px 28px #f236362e,inset 0 1px #ffffff26}.login-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:60%;height:100%;transition:none;animation:4s ease-in-out infinite btnShine;position:absolute;top:0;left:-100%}@keyframes btnShine{0%{left:-60%}30%{left:120%}to{left:120%}}.login-submit:hover:not(:disabled){background-position:100% 0;transform:translateY(-2px);box-shadow:0 20px 40px #f2363647,inset 0 1px #ffffff26}.login-submit:active:not(:disabled){transform:translateY(0)scale(.98);box-shadow:0 8px 20px #f236362e}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-submit.is-loading{pointer-events:none}.login-submit__spinner{vertical-align:-2px;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:999px;width:14px;height:14px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=560px){.login-card{width:100%;padding:36px 18px 20px}.login-card__logo-wrap{width:54px;height:54px}.login-card__logo{width:36px;height:36px}.login-card__brand-name{font-size:1.55rem}.login-card__heading h1{font-size:2rem}}@media (width<=380px){.login-page{padding:10px}.login-card{border-radius:18px;padding:32px 14px 18px}.login-card__heading h1{font-size:1.85rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.login-success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e26;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;font-weight:600;display:flex}.login-link{color:var(--accent-start);cursor:pointer;letter-spacing:.2px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:700;transition:opacity .2s}.login-link:hover{opacity:.75}.login-form__meta{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.login-back{color:var(--muted);cursor:pointer;text-align:center;letter-spacing:.2px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;padding:6px 0;font-size:.78rem;font-weight:600;transition:color .2s}.login-back:hover{color:var(--text)}.audit-page{background:#f0f2f7;flex-direction:column;max-width:500px;min-height:100svh;margin:0 auto;font-family:Manrope,sans-serif;display:flex}.audit-header{z-index:100;background:#fff;border-bottom:1px solid #e8eaf0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex;position:sticky;top:0;box-shadow:0 1px 6px #0000000f}.audit-header__spacer{width:32px}.audit-header__brand{align-items:center;height:24px;display:flex}.audit-header__logo{object-fit:contain;width:auto;height:100%}.audit-header__title{letter-spacing:1px;background:linear-gradient(135deg,#ff652f,#e04a2e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Teko,sans-serif;font-size:1.25rem;font-weight:600}.audit-header__right{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:8px;place-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:grid}.audit-header__right svg{width:16px;height:16px}.audit-header__right:hover{color:#e04a2e;background:#fff0ee}.audit-body{flex-direction:column;flex:1;gap:10px;padding:10px 12px 28px;display:flex}.audit-user-tag{color:#6b7280;background:#fff;border:1px solid #e8eaf0;border-radius:10px;justify-content:space-between;align-items:center;padding:7px 12px;font-size:.7rem;font-weight:600;display:flex}.audit-user-tag__cluster{color:#e04a2e;letter-spacing:.3px;background:#fff0ee;border-radius:20px;padding:2px 9px;font-size:.66rem;font-weight:800}.audit-card{background:#fff;border:1px solid #e8eaf0;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 2px 8px #0000000a}.audit-field{flex-direction:column;gap:4px;display:flex}.audit-label{color:#6b7280;letter-spacing:.6px;text-transform:uppercase;font-size:.66rem;font-weight:800}.req{color:#e04a2e}.opt{color:#bbb;text-transform:none;font-weight:500}.audit-input,.audit-select,.audit-textarea{color:#1a1d2e;appearance:none;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:9px;outline:none;width:100%;padding:7px 10px;font-family:Manrope,sans-serif;font-size:.76rem;transition:border-color .2s,box-shadow .2s,background .2s}.audit-input:focus,.audit-select:focus,.audit-textarea:focus{background:#fff;border-color:#e04a2e;box-shadow:0 0 0 3px #e04a2e14}.audit-select{cursor:pointer}.audit-textarea{resize:none;min-height:70px;line-height:1.5}.audit-dropdown,.audit-dropdown__input-wrap{position:relative}.audit-dropdown__icon{color:#9ca3af;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.audit-dropdown__input{padding-left:32px!important}.audit-dropdown__clear{color:#c4c4c4;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.72rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.audit-dropdown__list{z-index:50;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;max-height:180px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000014}.audit-dropdown__item{color:#1a1d2e;cursor:pointer;border-bottom:1px solid #f3f4f6;padding:9px 14px;font-size:.82rem;font-weight:600;transition:background .12s}.audit-dropdown__item:hover{color:#e04a2e;background:#fff8f7}.audit-dropdown__item:last-child{border-bottom:none}.audit-dropdown__empty{color:#9ca3af;text-align:center;padding:12px 14px;font-size:.8rem}.audit-model-info{background:linear-gradient(135deg,#fff8f7 0%,#f9fafb 100%);border:1px solid #fde8e4;border-radius:10px;flex-direction:column;gap:5px;padding:10px 12px;display:flex}.audit-model-info__row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.audit-model-info__label{color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;flex-shrink:0;padding-top:1px;font-size:.62rem;font-weight:700}.audit-model-info__value{color:#1a1d2e;text-align:right;font-size:.76rem;font-weight:800;line-height:1.3}.audit-photo-btn{color:#9ca3af;cursor:pointer;border:2px dashed #d1d5db;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.8rem;font-weight:700;transition:border-color .2s,color .2s,background .2s;display:flex}.audit-photo-btn svg{width:18px;height:18px}.audit-photo-btn:hover{color:#e04a2e;background:#fff8f7;border-color:#e04a2e}.audit-photo-preview{border:1.5px solid #e5e7eb;border-radius:10px;margin-top:4px;position:relative;overflow:hidden}.audit-photo-preview img{object-fit:cover;width:100%;max-height:180px;display:block}.audit-photo-preview__badge{color:#fff;background:#0009;border-radius:20px;padding:3px 8px;font-size:.64rem;font-weight:700;position:absolute;bottom:6px;left:6px}.audit-error{color:#c0392b;background:#fff0ee;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:.76rem;font-weight:700}.audit-save-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#ff652f 0%,#e04a2e 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:2px;padding:12px;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:800;transition:opacity .2s,transform .15s;display:flex;box-shadow:0 4px 14px #e04a2e47}.audit-save-btn:hover:not(:disabled){transform:translateY(-1px)}.audit-save-btn:disabled{opacity:.6;cursor:not-allowed}.audit-save-btn.is-loading{pointer-events:none}.audit-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:999px;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.audit-list-link{color:#e04a2e;cursor:pointer;text-align:center;background:0 0;border:none;padding:6px;font-size:.78rem;font-weight:700;transition:opacity .2s}.audit-list-link:hover{opacity:.75}.audit-overlay{z-index:200;background:#00000073;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.audit-popup{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:300px;padding:24px 20px;box-shadow:0 16px 48px #0000002e}.audit-popup__icon{margin-bottom:10px;font-size:2.2rem}.audit-popup h3{color:#1a1d2e;margin-bottom:6px;font-size:1.05rem;font-weight:800}.audit-popup p{color:#6b7280;margin-bottom:16px;font-size:.78rem;line-height:1.5}.audit-popup__actions{gap:8px;display:flex}.audit-popup__btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff652f,#e04a2e);border:none;border-radius:10px;flex:1;padding:10px;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:800;transition:opacity .2s}.audit-popup__btn:hover{opacity:.85}.audit-popup__btn--outline{color:#374151;background:0 0;border:1.5px solid #e5e7eb}@media (width<=380px){.audit-card{gap:10px;padding:12px}.audit-body{padding:8px 10px 24px}}*{box-sizing:border-box;margin:0;padding:0}.list-page{background:#f5f6fa;flex-direction:column;max-width:600px;min-height:100svh;margin:0 auto;font-family:Manrope,sans-serif;display:flex;position:relative}.list-header{z-index:100;background:#fff;border-bottom:1px solid #e8eaf0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 8px #0000000f}.list-header__back,.list-header__logout{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:10px;place-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:grid}.list-header__back svg,.list-header__logout svg{width:18px;height:18px}.list-header__back:hover{color:#1a1d2e;background:#f3f4f6}.list-header__logout:hover{color:#e04a2e;background:#fff0ee}.list-header__title{color:#1a1d2e;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:800}.list-search-wrap{background:#fff;border-bottom:1px solid #e8eaf0;align-items:center;gap:10px;padding:12px 14px;display:flex}.list-search{background:#f5f6fa;border-radius:10px;flex:1;align-items:center;gap:8px;padding:9px 12px;display:flex}.list-search svg{color:#9ca3af;flex-shrink:0;width:15px;height:15px}.list-search input{color:#1a1d2e;background:0 0;border:none;outline:none;flex:1;font-family:Manrope,sans-serif;font-size:.84rem}.list-search input::placeholder{color:#9ca3af}.list-count{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700}.list-body{flex-direction:column;flex:1;gap:12px;padding:12px 14px 100px;display:flex}.list-loading{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:.84rem;display:flex}.list-spinner{border:3px solid #e8eaf0;border-top-color:#e04a2e;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:inline-block}.list-empty{text-align:center;color:#9ca3af;padding:60px 20px}.list-empty__icon{margin-bottom:12px;font-size:3rem}.list-empty p{font-size:.88rem;font-weight:600}.list-card{background:#fff;border:1px solid #e8eaf0;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000000a}.list-card__photo{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.list-card__photo img{object-fit:cover;width:100%;height:180px;display:block}.list-card__photo-expand{color:#fff;background:#0000008c;border-radius:8px;padding:3px 8px;font-size:.75rem;position:absolute;bottom:8px;right:8px}.list-card__body{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.list-card__header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.list-card__chassis{color:#1a1d2e;letter-spacing:.3px;font-size:.94rem;font-weight:800}.list-card__badge{letter-spacing:.3px;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:.66rem;font-weight:800}.badge--green{color:#065f46;background:#d1fae5}.badge--amber{color:#92400e;background:#fef3c7}.badge--red{color:#991b1b;background:#fee2e2}.badge--grey{color:#374151;background:#f3f4f6}.list-card__model{color:#6b7280;flex-wrap:wrap;align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:flex}.list-card__model .sep{color:#d1d5db}.list-card__meta-row{align-items:center;gap:6px;display:flex}.list-card__meta{color:#6b7280;align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.list-card__meta svg{flex-shrink:0;width:12px;height:12px}.list-card__remarks{color:#9ca3af;font-size:.75rem;font-style:italic;line-height:1.4}.list-card__footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:6px;display:flex}.list-card__by{color:#6b7280;font-size:.7rem;font-weight:700}.list-card__time{color:#9ca3af;font-size:.67rem}.list-fab{color:#fff;cursor:pointer;z-index:100;background:linear-gradient(135deg,#ff652f,#e04a2e);border:none;border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .2s,box-shadow .2s;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 6px 20px #e04a2e66}.list-fab svg{width:24px;height:24px}.list-fab:hover{transform:scale(1.08);box-shadow:0 8px 28px #e04a2e80}.list-photo-overlay{z-index:300;background:#000000eb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.list-photo-overlay img{object-fit:contain;border-radius:12px;max-width:100%;max-height:90svh}.list-photo-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1rem;transition:background .2s;display:grid;position:absolute;top:16px;right:16px}.list-photo-close:hover{background:#ffffff40}