:root{font-family:Inter,Segoe UI,sans-serif;color:#f7f7f7;background-color:#111;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;--bg: #1f1f1f;--shell: rgba(31, 31, 31, .8);--shell-strong: rgba(31, 31, 31, .92);--surface: rgba(255, 255, 255, .06);--surface-hover: rgba(255, 255, 255, .1);--surface-soft: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .18);--text: #ffffff;--text-soft: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .52);--danger: #dc2626;--danger-hover: #b91c1c;--shadow: 0 28px 60px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html{min-height:100%;background:#0f0f0f;scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(#0a0a0a73,#0a0a0a99),url(/assets/background-DCKRu0o_.jpg) center center / cover no-repeat fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#0003,#00000070);pointer-events:none}button,input,select,textarea{font:inherit}select{color:var(--text);background-color:#ffffff12}select option{color:#111;background:#f3f4f6}#root{min-height:100vh;position:relative;z-index:0}.app-shell{min-height:100vh}.page{width:min(1280px,calc(100% - 32px));margin:0 auto;min-height:100vh;padding:32px 0 48px}.page--auth{display:flex;align-items:center;justify-content:center}.page--dashboard{padding-top:136px}@keyframes progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notification{position:fixed;top:24px;right:24px;z-index:80;width:min(380px,calc(100vw - 32px));max-width:380px;border-radius:12px;border:1px solid var(--border);background:#1f1f1ff0;box-shadow:0 8px 24px #0000003d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}.notification__content{display:flex;align-items:center;gap:12px;padding:14px 16px}.notification__content p{margin:0;font-size:.95rem;font-weight:500;color:#fff}.notification--success{border-color:#86efac47;background:#13301feb}.notification--success .notification__content p{color:#86efac}.notification--warning{border-color:#fdba7452;background:#542d08f0}.notification--warning .notification__content p{color:#fdba74}.notification__progress{height:3px;background:#ffffff24}.notification__progress:before{content:"";display:block;width:100%;height:100%;background:#86efacc7;transform-origin:left center;animation:progress-shrink 3s linear forwards}.notification--warning .notification__progress:before{background:#fdba74c7}.photo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px}.photo-modal__box{width:min(900px,calc(100vw - 40px));max-height:calc(100vh - 40px);display:grid;grid-template-rows:minmax(200px,1fr) auto;background:#141414f2;border:1px solid var(--border);border-radius:18px;overflow:hidden}.photo-modal__content{min-height:200px;display:flex;align-items:center;justify-content:center;background:#00000059;padding:14px}.photo-modal__content img{max-width:100%;max-height:calc(100vh - 200px);object-fit:contain;border-radius:10px}.photo-modal__video{width:100%;max-width:100%;max-height:calc(100vh - 200px);border-radius:10px}.photo-modal__footer{padding:12px 14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-modal__title{margin:0;font-weight:700}.photo-modal__subtitle{margin:2px 0 0;color:var(--text-soft);font-size:.85rem}.photo-modal__loading,.photo-modal__error{margin:0;text-align:center}.photo-modal__error{color:#fecaca}.site-header{position:fixed;top:18px;left:50%;transform:translate(-50%);width:min(1280px,calc(100% - 32px));z-index:30}.site-header__inner,.panel{background:var(--shell);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.site-header__inner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;border-radius:20px}.site-brand,.auth-brand{display:flex;align-items:center;gap:16px}.site-brand{min-width:0;flex:0 1 auto}.site-brand__logo,.auth-brand__logo{display:block;width:auto;object-fit:contain}.site-brand__logo{height:42px}.auth-brand__logo{height:56px}.site-brand__copy,.section-heading{display:grid;gap:4px}.auth-brand--stacked{display:grid;justify-items:center;text-align:center;gap:10px;margin-bottom:6px}.site-brand__copy strong{font-size:.92rem;letter-spacing:.03em}.site-brand__copy span{color:var(--text-muted);font-size:.8rem}.site-header__actions,.topbar__right,.tabbar,.section-header,.items-header,.item-card__header,.user-card,.order-actions__top-buttons,.user-card__actions,.order-total{display:flex;align-items:center}.order-actions-header{align-items:flex-start}.order-actions-header__content{flex:1 1 0;min-width:0}.order-actions-header__content .page-title{overflow-wrap:anywhere}.site-header__actions,.topbar__right{gap:14px}.site-header__actions{flex:1 1 auto;justify-content:flex-end;min-width:0;flex-wrap:nowrap}.tabbar{gap:8px;flex-wrap:nowrap}.tab-button{padding:9px 14px;font-size:.9rem}.panel{width:100%;margin:0 auto 18px;padding:28px;border-radius:24px}.panel--centered{max-width:760px}.panel--auth{max-width:1280px}.panel--auth-compact{max-width:420px;padding:20px}.auth-form,.user-form,.request-form,.order-actions{display:grid;gap:18px}.auth-form--panel{padding:22px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--border);align-content:start}.item-card,.user-card,.order-block,.order-row,.order-item-row,.history-item{background:var(--surface);border:1px solid var(--border);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.item-card h3,.user-card h3{margin-bottom:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:18px}.request-layout{width:100%}.eyebrow{margin:0;color:#ffffff85;font-size:.73rem;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;font-weight:600}h1,h2,h3,p{margin-top:0}h1,.page-title{margin-bottom:10px;font-size:clamp(2rem,3vw,3.4rem);line-height:1.02;letter-spacing:-.03em}h2{margin-bottom:8px;font-size:clamp(1.3rem,1.6vw,1.7rem);line-height:1.12}h3{font-size:1rem}.description,.hint,.user-card p,.history-item__meta,.empty-state{color:var(--text-soft)}.section-header{justify-content:space-between;gap:20px;margin-bottom:18px}.section-header--page{margin-bottom:24px}label{display:grid;gap:8px;color:#ffffffd6;font-size:.94rem;font-weight:500}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#ffffff12;color:var(--text);outline:none;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#ffffff57}input:focus,select:focus,textarea:focus{border-color:#ffffff47;background:#ffffff1a;box-shadow:0 0 0 4px #ffffff0f}input[readonly]{background:#ffffff0a;color:#ffffffc7}.button,.tab-button{border:1px solid transparent;border-radius:10px;padding:11px 18px;color:var(--text);font-weight:600;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.button{background:#ffffff1f;border-color:#ffffff2e}.button:hover,.tab-button:hover,.item-card:hover,.user-card:hover,.order-row:hover,.order-item-row:hover,.history-item:hover{transform:translateY(-1px);background-color:var(--surface-hover);border-color:var(--border-strong)}.button:disabled,.tab-button:disabled{opacity:.64;cursor:not-allowed;transform:none}.button--ghost,.tab-button{background:#ffffff0f;border-color:var(--border)}.button--green,.tab-button--green{background:#16a34aeb;border-color:#86efac6b}.button--green:hover,.tab-button--green:hover{background:#15803d;border-color:#86efac80}.button--blue{background:#2563ebeb;border-color:#93c5fd6b}.button--blue:hover{background:#1d4ed8;border-color:#93c5fd80}.tab-button--active{background:#ffffff29;border-color:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff0d}.tab-button--green.tab-button--active{background:#15803d;border-color:#86efac8a;box-shadow:inset 0 0 0 1px #ffffff0f}.button--danger{background:#dc2626f0;border-color:#f8717180}.button--danger:hover{background:var(--danger-hover);border-color:#f871718f}.feedback{margin:0;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff14;color:#f8fafc;font-weight:600}.feedback--error{background:#dc262624;border-color:#f8717138;color:#fecaca}.panel-toolbar{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;margin-bottom:18px}.search-field{max-width:none}.users-list,.items-list,.history-list,.orders-table,.order-items-table{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.form-grid--item-main{grid-template-columns:minmax(200px,1.2fr) minmax(150px,.8fr) minmax(220px,1fr)}.form-grid--request-line{grid-template-columns:minmax(300px,1.5fr) 180px 180px 140px 140px;align-items:end}.checkbox-field--request-budget{grid-column:5;justify-self:start;width:fit-content;margin-top:-2px;margin-bottom:4px}.checkbox-field--order-flag{justify-self:start}.checkbox-field--request-os{grid-column:4;justify-self:start;width:fit-content;margin-top:-2px;margin-bottom:4px}.form-grid--values{grid-template-columns:110px 1fr 1fr}.form-grid--item-details{grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) minmax(88px,110px) minmax(160px,1fr) minmax(170px,1fr);align-items:end}.item-card .form-grid+.form-grid{margin-top:8px}.checkbox-field{display:flex;gap:10px;align-items:center;min-height:48px}.checkbox-field--inline-row{align-self:end;padding-bottom:10px}.form-grid--item-details .checkbox-field--inline-row{min-height:44px;padding-bottom:12px}.form-grid--item-details .checkbox-field--inline-row span{white-space:nowrap}.checkbox-field input{width:18px;height:18px;accent-color:#d1d5db}.items-header,.item-card__header{justify-content:space-between;gap:16px}.item-card,.user-card{gap:12px;padding:18px;border-radius:18px}.item-image-upload{display:grid;gap:10px;margin-top:10px}.item-image-upload input[type=file]{border:1px dashed var(--border-strong);background:#ffffff0a;padding:10px}.item-image-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.item-image-preview img{width:90px;height:90px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}.item-image-preview video{width:140px;max-width:140px;border-radius:12px;border:1px solid var(--border)}.user-card{justify-content:space-between}.user-card__actions{gap:14px}.order-actions__top-buttons{gap:14px;justify-content:flex-end;flex-wrap:wrap;padding-top:8px}.order-actions-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.order-actions-sidebar{display:flex;flex-wrap:wrap;gap:10px;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid var(--border);position:static}.order-actions-sidebar--header{justify-content:flex-end;align-self:flex-start;flex:0 0 auto;flex-wrap:nowrap;white-space:nowrap;max-width:520px}.order-actions-sidebar--header .order-actions-nav-button{white-space:nowrap}.order-actions-content{display:grid;gap:18px;min-width:0}.order-actions-nav-button{width:auto;min-width:140px;padding:13px 14px;border-radius:14px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-weight:600;text-align:left;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.order-actions-nav-button:hover{transform:translateY(-1px);background:var(--surface-hover);border-color:var(--border-strong)}.order-actions-nav-button--active{background:#2563eb2e;border-color:#93c5fd57;box-shadow:inset 0 0 0 1px #93c5fd29}.pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#ffffffdb;font-size:.82rem;font-weight:600;text-transform:lowercase}.status-chip{color:#ffffffdb;font-size:.92rem;font-weight:500;text-transform:lowercase}.urgency-label{color:#ffffffd1;font-weight:500}.urgency-label--priority{color:#ef4444;font-weight:700}.order-block{display:grid;gap:16px;padding:20px;border-radius:18px;min-width:0}.order-general-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.orders-table__head,.order-row{display:grid;grid-template-columns:60px minmax(130px,.9fr) minmax(130px,.9fr) minmax(140px,1fr) minmax(150px,1.1fr) minmax(60px,.4fr) minmax(85px,.6fr) minmax(85px,.6fr) minmax(90px,.7fr);gap:12px;align-items:center;width:auto;min-width:100%}.orders-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.order-items-table__head,.order-item-row{display:grid;grid-template-columns:1.05fr .8fr .36fr 1fr .76fr .9fr .7fr .78fr .8fr 1fr;grid-template-columns:1.05fr .8fr .36fr 1fr .76fr .9fr .7fr .78fr .8fr .6fr 1fr;gap:8px;align-items:center}.order-items-table{min-width:0;overflow-x:auto}.orders-table__head,.order-items-table__head{padding:10px 12px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.order-row,.order-item-row,.history-item{padding:12px;border-radius:16px}.order-item-row>*{min-width:0}.order-item-row strong,.order-item-row span{overflow-wrap:anywhere}.order-item-row .button,.order-item-row input,.order-item-row .checkbox-field{max-width:100%}.order-item-link-field{display:grid;gap:8px}.order-item-row .checkbox-field{min-height:40px;gap:6px}.order-row--clickable{cursor:pointer}.order-row--clickable:focus-visible{outline:2px solid rgba(147,197,253,.85);outline-offset:2px}.orders-table__body,.order-items-table__body{display:grid;gap:16px}.order-total{justify-content:flex-end;gap:14px;padding-top:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width: 1280px){body{background-attachment:scroll}.dashboard-grid,.form-grid,.form-grid--values,.form-grid--item-details,.form-grid--request-line,.order-general-grid,.order-actions-layout,.order-items-table__head,.order-item-row{grid-template-columns:1fr}.orders-table__head,.order-row{grid-template-columns:50px minmax(100px,.7fr) minmax(100px,.7fr) minmax(110px,.8fr) minmax(120px,.9fr) minmax(50px,.35fr) minmax(70px,.5fr) minmax(70px,.5fr) minmax(75px,.55fr);width:auto;min-width:100%}.orders-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.section-header,.user-card,.items-header,.item-card__header,.order-total{align-items:flex-start;flex-direction:column}.user-card__actions{width:100%}.user-card__actions .button{flex:1}}@media (max-width: 1024px){.site-header__inner,.site-header__actions,.tabbar{flex-direction:column;align-items:flex-start}.site-header__actions{width:100%}.tabbar{flex-wrap:wrap}.page--dashboard{padding-top:176px}}@media (max-width: 720px){.page,.site-header{width:min(100% - 20px,1280px)}.page{padding-bottom:28px}.page--dashboard{padding-top:188px}.panel,.site-header__inner,.auth-form--panel{padding:20px;border-radius:18px}.button,.tab-button,input,select,textarea{width:100%}.popup{min-width:100%;min-height:132px;padding:22px 20px}.site-brand__logo,.auth-brand__logo{height:44px}}