:root{--app-bg: #0c1117;--app-border: #21262d;--app-scrollbar: #21262d;--app-text: #e6edf3;--app-accent: #3b82f6;--app-surface: #161b22;--app-panel: #1f2937;--app-input-bg: #0d1117;--app-muted-text: #7d8590;--app-select-bg: #0d1117;--app-dropdown-bg: #1f2937;--app-dropdown-border-accent: color-mix(in srgb, var(--app-accent) 30%, var(--app-border));--app-dropdown-shadow: 0 22px 55px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .06);--app-card-shadow: 0 4px 22px rgba(0, 0, 0, .22);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:var(--app-bg)}:root[data-theme=light]{color-scheme:light;--app-accent: #2563eb;--app-surface: #ffffff;--app-panel: #e8eef5;--app-input-bg: #ffffff;--app-muted-text: #5c6977;--app-select-bg: #ffffff;--app-dropdown-bg: #e8eef5;--app-dropdown-border-accent: color-mix(in srgb, var(--app-accent) 28%, var(--app-border));--app-dropdown-shadow: 0 20px 50px rgba(15, 23, 42, .1), 0 0 0 1px rgba(15, 23, 42, .05);--app-card-shadow: 0 3px 18px rgba(15, 23, 42, .08)}:root[data-theme=dark],:root:not([data-theme]){color-scheme:dark}*{box-sizing:border-box}.text-adaptive{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}html{-webkit-text-size-adjust:100%}html,body,#root{min-height:100%;margin:0}body{background:var(--app-bg);color:var(--app-text)}html,body,.app-modal-scrim,.app-modal-form,.app-nav-scroll,.app-hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.app-modal-scrim::-webkit-scrollbar,.app-modal-form::-webkit-scrollbar,.app-nav-scroll::-webkit-scrollbar,.app-hide-scrollbar::-webkit-scrollbar{display:none}button,input,select{font:inherit}.app-dropdown-panel,.app-raised-surface{background:var(--app-dropdown-bg);border:1px solid var(--app-dropdown-border-accent);box-shadow:var(--app-dropdown-shadow);border-radius:14px;color:var(--app-text)}.app-select{position:relative;width:100%;min-width:0}.app-select-trigger{width:100%}.app-select-trigger__label{flex:1 1 auto;min-width:0}.app-select-trigger__chevron{flex-shrink:0;font-size:12px;opacity:.65;line-height:1}.app-select-menu:not(.app-select-menu--centered){position:absolute;top:calc(100% + 6px);left:0;right:0;width:100%;z-index:12;padding:6px;max-height:min(280px,45dvh);overflow-y:auto}.app-select-menu--centered{position:relative;padding:8px;margin:0 auto;width:min(400px,calc(100vw - 32px));max-width:100%;max-height:min(70dvh,420px);overflow-y:auto;flex-shrink:0;box-sizing:border-box}.app-select-scrim{position:fixed;inset:0;z-index:55;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.app-select-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:none;border-radius:10px;background:transparent;color:var(--app-text);font:inherit;font-size:14px;line-height:1.35;text-align:left;cursor:pointer;touch-action:manipulation}.app-select-option:hover:not(:disabled){background:color-mix(in srgb,var(--app-accent) 12%,transparent)}.app-select-option--selected{background:color-mix(in srgb,var(--app-accent) 18%,var(--app-dropdown-bg));font-weight:600}.app-select-option:disabled{opacity:.45;cursor:not-allowed}.app-select-option__check{flex-shrink:0;color:var(--app-accent);font-size:14px}@media(max-width:640px){.app-select-menu--centered{width:calc(100vw - 24px);max-height:min(75dvh,480px)}.app-select-trigger,.app-select-option{min-height:44px}.app-select-option{font-size:15px;padding:12px 16px}}.app-surface-card{background:var(--app-surface);border:1px solid var(--app-dropdown-border-accent);border-radius:14px;box-shadow:var(--app-card-shadow)}input:not([type=checkbox]):not([type=radio]),select,textarea{accent-color:var(--app-accent);transition:none}select,select option{background-color:var(--app-select-bg);color:var(--app-text)}:root[data-theme=light] select option:checked{background-color:color-mix(in srgb,var(--app-accent) 14%,var(--app-select-bg));color:var(--app-text)}:root[data-theme=dark] select option:checked{background-color:color-mix(in srgb,var(--app-accent) 22%,var(--app-select-bg));color:var(--app-text)}input:focus-visible:not([type=checkbox]):not([type=radio]),select:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--app-accent) 55%,transparent);outline-offset:2px}img{display:block;max-width:100%}.app-photo-frame{width:100%;border-radius:12px;overflow:hidden;background:var(--app-bg);border:1px solid var(--app-border);display:flex;align-items:center;justify-content:center;min-width:0}.app-photo-frame--fluid{min-height:80px}.app-photo-frame--box{cursor:default}.app-photo-frame[role=button]{cursor:zoom-in;touch-action:manipulation}.app-photo-frame__img{display:block;max-width:100%;object-fit:contain;pointer-events:none}.app-photo-frame--fluid .app-photo-frame__img{width:100%;height:auto;max-height:var(--app-photo-max-height, min(75dvh, 720px))}.app-photo-frame--box .app-photo-frame__img{width:100%;height:100%}.app-photo-lightbox{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));box-sizing:border-box}.app-photo-lightbox__close{position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:201;width:44px;height:44px;border:none;border-radius:999px;background:#ffffff26;color:#fff;font-size:28px;line-height:1;cursor:pointer;touch-action:manipulation}.app-photo-lightbox__close:hover{background:#ffffff47}.app-photo-lightbox__img{max-width:min(96vw,1600px);max-height:min(92dvh,100%);width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 8px 40px #00000080;pointer-events:none}.app-nav-scroll{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;width:100%}.app-nav-scroll>*{flex-shrink:0}@media(max-width:640px){.app-nav-scroll button{min-height:44px;padding:10px 12px;touch-action:manipulation}.app-topbar-touch{min-height:44px;touch-action:manipulation}}.purchase-req-toolbar{display:flex;align-items:stretch;gap:8px;margin-bottom:16px;width:100%;min-width:0}.purchase-req-toolbar__search{flex:1 1 auto;min-width:0;margin:0}.purchase-req-toolbar__filter{position:relative;flex:0 0 auto}.purchase-req-toolbar__filter-btn{min-height:44px;max-width:min(42vw,200px);overflow:hidden;text-overflow:ellipsis}.purchase-req-warehouse-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:min(92vw,280px);max-height:min(60dvh,360px);overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.purchase-req-warehouse-menu__item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;touch-action:manipulation}.purchase-req-card{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;max-width:100%;overflow-x:hidden}.purchase-req-card__main{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.purchase-req-card__title-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin-bottom:4px;min-width:0;max-width:100%}.purchase-req-card__title{font-weight:700;font-size:15px;line-height:1.35;min-width:0;flex:1 1 auto;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.purchase-req-card__title-row>span:not(.purchase-req-card__title){max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.purchase-req-card__main .purchase-req-meta,.purchase-req-card__main .purchase-req-notes{max-width:100%}.purchase-req-card__actions,.writeoff-asset-card__actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:8px;padding-top:12px;margin-top:0;border-top:1px solid var(--app-border);flex-shrink:0;min-width:0}.purchase-req-card__actions>button,.writeoff-asset-card__actions>button{flex:1 1 0;min-width:0;min-height:44px;display:inline-flex;justify-content:center;align-items:center;padding:10px 8px;font-size:13px;touch-action:manipulation}@media(min-width:901px){.purchase-req-card__actions>button,.writeoff-asset-card__actions>button{flex:0 1 auto;min-width:unset;width:auto;padding:8px 10px;font-size:13px}}.writeoff-asset-card{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;max-width:100%;overflow-x:hidden}.writeoff-asset-card__main{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.writeoff-asset-card__qty{min-width:0}.warehouse-asset-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;min-width:0;max-width:100%;overflow-x:hidden}.warehouse-asset-row__main{flex:1 1 auto;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.warehouse-asset-row__title-line{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;min-width:0}.warehouse-asset-row__title{font-weight:700;line-height:1.35;min-width:0;flex:1 1 12rem;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.warehouse-asset-row__title-line>span{max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.warehouse-asset-row__main .warehouse-asset-row__meta{max-width:100%}.warehouse-asset-row__qty{flex-shrink:0;text-align:right;min-width:3rem}.app-modal-scrim{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));overflow-y:auto;-webkit-overflow-scrolling:touch}.app-modal-panel{width:100%;display:flex;justify-content:center;margin:auto;flex-shrink:0}.app-modal-form{border-radius:16px;padding:20px;width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--app-surface);border:1px solid var(--app-dropdown-border-accent);box-shadow:var(--app-dropdown-shadow)}.app-modal-form__body{display:grid;gap:10px;margin-top:12px;min-width:0}.app-modal-form__row-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:10px}.app-modal-form__actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.app-modal-form__actions>button{flex:1 1 180px;min-height:44px;touch-action:manipulation}@media(max-width:640px){.app-modal-scrim{align-items:flex-start}.app-modal-form{padding:16px;max-height:none;overflow-y:visible}.app-modal-form__actions{flex-direction:column}.app-modal-form__actions>button{flex:1 1 auto;width:100%}}@media(min-width:641px)and (hover:none)and (pointer:coarse){.app-modal-form{max-height:none;overflow-y:visible}}.theme-toggle{display:inline-grid;place-items:center;width:clamp(36px,10vw,40px);height:clamp(36px,10vw,40px);padding:0;border:1px solid var(--app-border);border-radius:50%;background:#fff;color:#2d2d2d;cursor:pointer;flex-shrink:0;touch-action:manipulation;box-shadow:0 1px 4px #0f172a1f;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.theme-toggle svg{width:clamp(16px,4.2vw,20px);height:clamp(16px,4.2vw,20px)}.theme-toggle--dark{box-shadow:0 1px 4px #00000059}.theme-toggle--light{box-shadow:0 1px 4px #0f172a1a}.topbar-actions{display:inline-flex;align-items:center;gap:clamp(4px,1.5vw,8px);flex-shrink:0;position:relative;z-index:2}.topbar-profile-scrim{position:fixed;inset:0;z-index:50}.topbar-profile-menu{padding:14px;box-sizing:border-box;min-width:0}.topbar-profile-menu--overlay{position:fixed;z-index:51;max-height:min(calc(100dvh - 72px),520px);overflow-y:auto;-webkit-overflow-scrolling:touch}.topbar-profile-menu--anchored{position:absolute;top:calc(100% + 10px);right:0;width:clamp(240px,28vw,280px);max-width:min(280px,calc(100vw - 24px));z-index:50}.topbar-profile-menu__identity{display:grid;gap:10px;margin-bottom:4px}.topbar-profile-menu__nav{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--app-border)}.topbar-profile-menu__btn{width:100%}@media(max-width:900px){.purchase-req-card__actions,.writeoff-asset-card__actions{flex-wrap:wrap}.purchase-req-card__actions>button,.writeoff-asset-card__actions>button{flex:1 1 calc(50% - 4px);min-width:min(100%,120px)}.topbar-profile-menu__btn,.topbar-profile-menu__btn--logout{min-height:44px;touch-action:manipulation}}@media(min-width:901px){.topbar-profile-menu__btn,.topbar-profile-menu__btn--logout{min-height:40px}}.login-theme-slot{position:absolute;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:1}@media(max-width:640px){.theme-toggle,.theme-toggle.app-topbar-touch{width:44px;height:44px;min-width:44px;min-height:44px}.theme-toggle svg{width:20px;height:20px}.topbar-actions .app-topbar-touch:not(.theme-toggle){padding:10px 12px;font-size:13px}}.app-field-label{display:flex;align-items:center;gap:6px;min-width:0}.app-field-label__text{min-width:0;overflow-wrap:anywhere}.app-hint{position:relative;display:inline-flex;flex:0 0 auto;line-height:0}.app-hint__btn{appearance:none;padding:0;border:0;background:transparent;color:var(--app-muted-text);cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-5px 0;transition:color .15s ease,background-color .15s ease}.app-hint__btn:hover,.app-hint__btn[aria-expanded=true]{color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 14%,transparent)}.app-hint__btn:focus-visible{outline:2px solid var(--app-accent);outline-offset:1px}.app-hint__pop{position:absolute;top:calc(100% + 6px);left:-6px;z-index:60;display:block;width:max-content;max-width:min(280px,calc(100vw - 40px));padding:9px 11px;border-radius:10px;background:var(--app-dropdown-bg);border:1px solid var(--app-dropdown-border-accent);box-shadow:var(--app-dropdown-shadow);color:var(--app-text);font-size:12.5px;line-height:1.45;letter-spacing:0;text-transform:none;white-space:normal;overflow-wrap:anywhere}@media(max-width:480px){.app-hint__pop{max-width:calc(100vw - 32px)}}