:root{--ink-950:#11161c;--ink-900:#182029;--ink-800:#25303b;--ink-700:#3f4b57;--ink-600:#596673;--ink-500:#74808c;--ink-400:#9aa4ad;--ink-300:#c3c9cf;--ink-200:#dde1e5;--ink-150:#e9ecef;--ink-100:#f1f3f4;--ink-50:#f7f8f8;--jade-800:#0a4c3f;--jade-700:#0d5c4b;--jade-600:#126b58;--jade-500:#1a7b66;--jade-100:#dcece6;--jade-50:#edf5f2;--canvas:#f3f4f2;--surface:#fff;--surface-warm:#fafaf8;--sidebar:#11171d;--sidebar-2:#172028;--sidebar-ink:#d9dfe4;--sidebar-muted:#8e9aa4;--sidebar-dim:#68747f;--sidebar-hover:#ffffff0e;--sidebar-active:#ffffff16;--sidebar-border:#fff1;--accent:var(--jade-700);--accent-strong:var(--jade-800);--accent-soft:var(--jade-600);--accent-line:#2f806a;--accent-ink:var(--green-700);--accent-tint:var(--jade-50);--accent-tint-2:var(--jade-100);--accent-border:#d6e8dd;--accent-rail:#56a58c;--navy-700:#24364d;--bronze-700:#8d5b1d;--bronze-100:#f3e7d6;--bronze-50:#faf5ed;--red-700:#9c3431;--red-100:#f2dddc;--red-50:#fbf1f0;--green-700:#236945;--green-50:#eef6f1;--green-border:var(--accent-border);--bg:var(--canvas);--panel:var(--surface);--text:var(--ink-900);--muted:var(--ink-500);--line:var(--ink-200);--line-soft:var(--ink-150);--blue:var(--accent);--blue-dark:var(--accent-strong);--green:var(--green-700);--amber:var(--bronze-700);--red:var(--red-700);--tint-blue:var(--accent-tint);--fill-hover:var(--ink-50);--fill-row-hover:#f8faf9;--success-bg:var(--green-50);--success-border:var(--green-border);--warn-bg:var(--bronze-50);--warn-border:var(--bronze-100);--series-weight:var(--accent-soft);--series-qty:var(--navy-700);--shadow:0 1px 2px #11161c0f;--shadow-menu:0 10px 24px #11161c1f;--shadow-modal:0 20px 48px #11161c38;--shadow-card:0 1px 2px #11161c0f;--shadow-float:0 18px 48px #11161c24;--focus-ring:0 0 0 2px #0d5c4b29;--font-sans:"Inter", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-mono:"Noto Sans Mono CJK SC", "SFMono-Regular", ui-monospace, Consolas, monospace;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-page-title:24px;--sidebar-w:236px;--login-sidebar-w:min(43vw, 560px);--row-h:40px;--ctrl-h:36px;--control-h:var(--ctrl-h);--control-h-sm:32px;--panel-pad:14px;--r-control:6px;--r-panel:8px;--r-card:10px;--radius-sm:var(--r-control);--radius-md:var(--r-panel);--radius-lg:var(--r-card);--radius-pill:999px}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink-900);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body{font-variant-numeric:tabular-nums;font-size:var(--text-base);line-height:1.5}button{cursor:pointer}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::selection{background:var(--accent-tint-2)}
.app-shell{background:var(--canvas);min-height:100vh;display:flex}.mobileManagementTopbar{display:none}.sidebar{width:214px;height:100vh;min-height:100vh;color:var(--sidebar-ink);background:var(--sidebar);border-right:1px solid var(--sidebar-border);flex-direction:column;flex:0 0 214px;padding:0 14px 14px;display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:11px;width:100%;height:72px;min-height:72px;padding:0 8px;display:flex}.brandMark{background:#ffffff0b;border:1px solid #ffffff29;border-radius:7px;flex:none;place-items:center;width:34px;height:34px;display:grid}.brandMark.logoMark{background:0 0;border:0;overflow:hidden}.brandMark img{object-fit:contain;width:100%;height:100%;display:block}.brandMark svg{background:0 0;border:0;border-radius:0;width:21px;height:21px;padding:0}.brandCopy{gap:4px;min-width:0;display:grid}.brandTitle,.brandCopy strong{color:#fff;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;line-height:1.2;overflow:hidden}.brandCopy small{color:var(--sidebar-dim);font-size:var(--text-xs);letter-spacing:.15em;text-overflow:ellipsis;white-space:nowrap;font-weight:650;line-height:1;overflow:hidden}.sideScroll{flex:1;min-height:0;margin:0 -14px;padding:0 14px;overflow-y:auto}.sideScroll::-webkit-scrollbar{width:0}.sideSection{margin-top:10px}.sideLabel{color:var(--sidebar-dim);font-size:var(--text-xs);letter-spacing:.16em;padding:0 10px 7px;font-weight:700}.sideSectionToggle{border-radius:var(--r-control);width:100%;min-height:28px;color:var(--sidebar-dim);text-align:left;background:0 0;border:0;align-items:center;gap:7px;margin:0 0 4px;padding:0 8px;display:flex}.sideSectionToggle:hover{color:var(--sidebar-ink);background:var(--sidebar-hover)}.sideLabelText{min-width:0;font-size:var(--text-xs);letter-spacing:.16em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;line-height:1;overflow:hidden}.sideSectionChevron{flex:none;transition:transform .16s}.sideSection.collapsed .sideSectionChevron{transform:rotate(-90deg)}.sideNav{gap:3px;display:grid}.sideNav.isCollapsed{display:none}.sideItem{border-radius:var(--r-control);color:#9ea8b1;background:0 0;border:1px solid #0000;align-items:center;gap:10px;min-height:38px;padding:0 10px;font-size:13px;text-decoration:none;display:flex;position:relative}.sideItem:hover{color:#fff;background:var(--sidebar-hover)}.sideItem.active,.sideItem[aria-current=page]{color:#fff;background:var(--sidebar-active);border-color:#ffffff0a}.sideItem.active:before,.sideItem[aria-current=page]:before{content:"";background:var(--accent-rail);border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-14px}.sideItem svg{flex:none}.sideItem span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.navBadge{color:#f1d6a9;min-width:19px;height:18px;font-size:var(--text-xs);background:#b77a312e;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-style:normal;font-weight:700;display:inline-flex}.userBox{color:#dfe4e8;border-radius:7px;grid-template-columns:32px minmax(0,1fr) 26px;align-items:center;gap:9px;padding:8px;display:grid}.userAvatar{color:#d8ebe4;background:color-mix(in srgb, var(--accent) 55%, #1d2630);width:32px;height:32px;font-size:var(--text-sm);border:1px solid #ffffff14;border-radius:50%;place-items:center;font-weight:750;display:grid}.userName{min-width:0;font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;font-weight:650;display:block;overflow:hidden}.userName strong{font-weight:inherit}.userRole{color:var(--sidebar-dim);font-size:var(--text-xs);margin-top:2px;display:block}.logoutButton{color:#7d8992;background:0 0;border:0;border-radius:5px;place-items:center;width:26px;height:26px;padding:0;display:grid}.logoutButton:hover{color:#fff;background:#ffffff0f}.userBox form{margin:0}.workspace{flex:1;min-width:0;overflow-x:clip}.workspaceTopbar{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ink-150);background:#fff;justify-content:space-between;align-items:center;height:58px;padding:0 24px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--ink-500);font-size:var(--text-base);align-items:center;gap:8px;display:flex}.breadcrumb strong{color:var(--ink-800);font-weight:650}.breadcrumb svg{color:var(--ink-300)}.topMeta{align-items:center;gap:14px;display:flex}.topDashboardButton{border-radius:var(--r-control);color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-soft) 100%);min-height:34px;font-size:var(--text-base);white-space:nowrap;border:1px solid #0f69543d;align-items:center;gap:8px;padding:0 13px;font-weight:720;line-height:1;text-decoration:none;display:inline-flex;box-shadow:0 8px 18px #0f69542e}.topDashboardButton svg{stroke-width:2.4px;flex:none}.topDashboardButton:hover,.topDashboardButton.active{color:#fff;background:linear-gradient(135deg, var(--accent-strong) 0%, var(--accent) 100%);border-color:#0f695457;box-shadow:0 10px 22px #0f69543d}.iconButton{border:1px solid var(--ink-200);border-radius:var(--r-control);width:32px;height:32px;color:var(--ink-600);background:#fff;place-items:center;padding:0;display:inline-grid}.iconButton:hover{color:var(--ink-900);border-color:var(--ink-300);background:var(--ink-50)}.deleteImportBatchButton{border:1px solid var(--red-100);border-radius:var(--r-control);width:38px;height:38px;color:var(--red-700);cursor:pointer;background:#fff;place-items:center;padding:0;display:inline-grid}.deleteImportBatchButton:hover,.deleteImportBatchButton:focus-visible{border-color:color-mix(in srgb, var(--red-700) 32%, var(--red-100));background:var(--red-50);outline:none;box-shadow:0 0 0 2px #9c34311a}.deleteImportBatchButton svg{width:18px;height:18px}.pageShell{width:auto;min-width:0;max-width:1480px;margin:0;padding:20px 24px 28px;overflow-x:clip}.pageHeader{justify-content:space-between;align-items:flex-start;gap:18px;min-height:54px;margin-bottom:16px;display:flex}.pageHeader h1{color:var(--ink-950);font-size:var(--text-page-title);letter-spacing:0;margin:0;font-weight:680;line-height:1.25}.pageHeader p{color:var(--ink-500);font-size:var(--text-base);margin:6px 0 0;line-height:1.5}.headerActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.button,.primaryButton,.secondaryActionButton,.compactAction,.dangerButton{min-height:var(--ctrl-h);border-radius:var(--r-control);font-size:var(--text-base);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-weight:650;line-height:1;display:inline-flex}.buttonPrimary,.primaryButton{color:#fff;background:var(--accent);border-color:var(--accent)}.buttonPrimary:hover,.primaryButton:hover{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong)}.secondaryActionButton,.compactAction{color:var(--ink-800);border-color:var(--ink-200);background:#fff}.secondaryActionButton:hover,.compactAction:hover{background:var(--ink-50);border-color:var(--ink-300)}.dangerButton{color:var(--red-700);border-color:var(--red-100);background:#fff}.textButton{color:var(--ink-600);font-size:var(--text-sm);background:0 0;border:0;padding:0;font-weight:600}.textButton:hover{color:var(--ink-900)}.dangerTextButton,.textButton.danger{color:var(--red-700)}.control{min-height:var(--ctrl-h);border:1px solid var(--ink-200);border-radius:var(--r-control);color:var(--ink-700);font-size:var(--text-base);white-space:nowrap;background:#fff;align-items:center;gap:8px;padding:0 11px;display:inline-flex}.segmented{min-height:var(--ctrl-h);height:var(--ctrl-h);border:1px solid var(--ink-200);border-radius:var(--r-control);background:var(--ink-100);align-items:stretch;padding:3px;display:inline-flex;overflow:visible}.segmented a,.segmented button{min-width:52px;min-height:0;color:var(--ink-500);font-size:var(--text-sm);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0 10px;font-weight:620;display:inline-flex}.segmented a:hover,.segmented button:hover{color:var(--ink-800);background:0 0}.segmented a.active,.segmented a[aria-current=page],.segmented button.active{color:var(--ink-900);background:#fff;box-shadow:0 1px 2px #11161c14}@media (max-width:980px){.sidebar{flex-basis:64px;width:64px;padding-left:8px;padding-right:8px}.brandCopy,.sideLabel,.sideSectionToggle,.sideItem span,.userBox>:not(.userAvatar){display:none}.brand,.sideItem{justify-content:center;padding:0}.sideNav.isCollapsed{display:grid}.sideItem.active:before,.sideItem[aria-current=page]:before{left:-8px}.userBox{grid-template-columns:1fr;justify-items:center}}@media (max-width:720px){.app-shell{display:block}.mobileManagementShell .sidebar,.mobileManagementShell .workspaceTopbar{display:none}.mobileManagementShell .mobileManagementTopbar{z-index:20;border-bottom:1px solid var(--ink-150);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr);align-items:center;min-height:54px;padding:8px 14px;display:grid;position:sticky;top:0}.mobileManagementTopbar a{color:var(--green-700);align-items:center;gap:5px;font-size:13px;font-weight:720;display:inline-flex}.mobileManagementTopbar strong{color:var(--ink-900);font-size:14px}.sidebar{z-index:10;width:100%;height:auto;min-height:auto;padding:0 12px 10px;position:sticky;top:0}.brand{justify-content:flex-start;height:58px;min-height:58px}.brandCopy,.sideItem span{display:grid}.sideScroll{gap:10px;margin:0;padding:0 0 4px;display:flex;overflow-x:auto}.sideSection{flex:none;margin-top:0}.sideLabel,.sideSectionToggle,.userBox{display:none}.sideNav,.sideNav.isCollapsed{display:flex}.sideItem{min-width:42px;padding:0 10px}.sideItem.active:before,.sideItem[aria-current=page]:before{display:none}.workspaceTopbar{flex-wrap:wrap;height:auto;min-height:52px;padding:10px 16px}.topMeta{display:none}.pageShell{padding:16px}.pageHeader{display:grid}.headerActions{justify-content:flex-start}}
.overviewToolbar{--overview-toolbar-gap:12px;--overview-block-gap:16px;justify-content:space-between;align-items:flex-end;gap:var(--overview-toolbar-gap);margin-bottom:var(--overview-block-gap);flex-wrap:wrap;display:flex}.overviewContext{--overview-context-gap:10px;border:1px solid var(--ink-200);border-radius:var(--r-panel);align-items:flex-end;gap:var(--overview-context-gap);background:var(--surface);width:fit-content;max-width:100%;box-shadow:var(--shadow-card);flex-wrap:nowrap;flex:0 auto;padding:10px;display:flex;overflow:visible}.clientSelector .customSelectField>span,.clientSelector label>span,.clientBadge span{color:var(--ink-600);font-size:10px;font-weight:620}.clientSelector,.clientBadge{flex:0 0 240px;gap:6px;width:240px;min-width:0;display:grid}.clientSelector .customSelectField{gap:6px}.clientSelector select,.clientBadge strong{min-height:var(--ctrl-h);border-color:var(--ink-200);border-radius:var(--r-control);font-size:12px}.clientBadge strong{min-height:var(--ctrl-h);border:1px solid var(--ink-200);border-radius:var(--r-control);background:var(--surface-warm);align-items:center;gap:8px;padding:0 11px;display:inline-flex}.overviewActions{flex-wrap:wrap;align-items:center;gap:9px;margin-left:auto;display:flex}.pageTitleWithBadge,.inlineValueWithBadge{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:inline-flex}.clientStatusBadge{border:1px solid var(--warn-border);border-radius:var(--radius-pill);background:var(--warn-bg);min-height:20px;color:var(--amber);white-space:nowrap;vertical-align:middle;flex:none;align-items:center;gap:5px;padding:0 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.clientStatusBadge:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.clientStatusBadge.subtle{min-height:18px;padding-inline:6px;font-size:10px}@media (max-width:980px){.overviewToolbar{align-items:stretch}.overviewContext{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:end;width:100%;display:grid}}@media (max-width:720px){.overviewContext{grid-template-columns:1fr}.clientSelector,.clientBadge{flex-basis:auto;width:100%}}.sectionTitle{color:var(--ink-900);margin:0;font-size:14px;font-weight:900}.sectionTitleRow{--overview-section-gap:14px;--overview-section-block-gap:12px;justify-content:space-between;align-items:center;gap:var(--overview-section-gap);min-height:34px;margin:22px 0 var(--overview-section-block-gap);flex-wrap:wrap;display:flex}.compactSegmented{width:fit-content;height:34px;min-height:34px;padding:3px}.compactSegmented a{min-width:72px;min-height:28px;padding:0 12px;font-size:12px}.overviewImportBatchesTableWrap.importBatchesTableWrap{border:1px solid var(--ink-200);border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--shadow-card);overflow-x:auto}.overviewImportBatchesTable.importBatchesTable{table-layout:fixed;width:100%;min-width:1000px}.overviewImportBatchesTable.importBatchesTable th,.overviewImportBatchesTable.importBatchesTable td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overviewImportBatchesTable.importBatchesTable th{background:var(--surface-warm);height:34px;padding:0 14px;font-size:10px;line-height:1}.overviewImportBatchesTable.importBatchesTable td{background:var(--surface);vertical-align:middle;height:46px;padding:0 14px;font-size:11px;line-height:1.2}.overviewImportBatchesTable.importBatchesTable tbody tr:hover td{background:var(--fill-row-hover)}.overviewImportBatchesTable col.importBatchStatDateColumn,.overviewImportBatchesTable col.importBatchDeliveryDateColumn{width:96px}.overviewImportBatchesTable .importBatchDateCell{font-variant-numeric:tabular-nums}.overviewImportBatchesTable col.importBatchFileColumn{width:auto}.overviewImportBatchesTable .importBatchFileCell{padding-left:16px}.overviewImportBatchesTable col.importBatchOperatorColumn{width:78px}.overviewImportBatchesTable col.importBatchRowCountColumn,.overviewImportBatchesTable col.importBatchWarningColumn{width:68px}.overviewImportBatchesTable col.importBatchWeightColumn{width:92px}.overviewImportBatchesTable col.importBatchCreatedAtColumn{width:154px}.overviewImportBatchesTable .importBatchCreatedAtCell{font-variant-numeric:tabular-nums}.overviewImportBatchesTable col.importBatchActionsColumn{width:214px}.overviewImportBatchesTable .importBatchActionsCell{text-overflow:clip;text-align:right;overflow:visible}.overviewImportBatchesTable .fileCell{justify-content:flex-start;align-items:center;gap:7px;min-width:0;max-width:100%;height:100%;display:flex}.overviewImportBatchesTable .fileNameLink{min-width:0;max-width:min(360px,100% - 36px);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.overviewImportBatchesTable .fileCell>span{min-width:0;color:var(--ink-700);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overviewImportBatchesTable .fileNameLink:hover{text-decoration:underline}.overviewImportBatchesTable .fileCell .iconButton{flex:none;width:28px;height:28px;margin-left:1px}.overviewImportBatchesTable .tag{justify-content:center;align-items:center;min-width:24px;min-height:18px;padding:0 6px;font-size:10px;display:inline-flex}.overviewImportBatchesTable .importRowActions{justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.overviewImportBatchesTable .importRowActions>form{align-items:center;display:inline-flex}.overviewImportBatchesTable .importRowActions .textButton{gap:5px;min-height:28px;padding:0 7px;line-height:1}.overviewImportBatchesTable .importRowActions .deleteImportBatchButton{width:28px;height:28px}.overviewImportBatchesTableWrap+.paginationBar{min-height:36px;margin-top:14px;padding:0 2px}.regionMetricPanel{--region-metric-columns:minmax(220px, 1.35fr) repeat(3, minmax(104px, .62fr)) minmax(300px, 1.55fr);border:1px solid var(--ink-200);border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--shadow-card);display:block;overflow:auto visible}.regionMetricHeader,.regionMetricRow{grid-template-columns:var(--region-metric-columns);display:grid}.regionMetricHeader{z-index:auto;min-height:34px;color:var(--ink-500);background:var(--surface-warm);padding:0;font-size:10px;font-weight:700;position:static;top:auto}.regionMetricHeader span,.regionMetricRow>*,.regionMetricRow>div{border-bottom:0;align-items:center;padding:0 12px;display:flex}.regionMetricHeader span:not(:first-child),.regionMetricRow>:not(:first-child),.regionMetricRow>div:not(:first-child){text-align:right;justify-content:flex-end}.regionMetricRow{min-height:44px;color:var(--ink-800);border-bottom:0;font-size:11px}.regionMetricRow+.regionMetricRow{border-top:1px solid var(--ink-150)}.regionMetricRow.overall{background:#f6f8f7}.regionName{text-align:left;border-right:0;gap:9px;display:grid}.regionName strong{color:var(--ink-900);font-size:11px;font-weight:680;display:block}.regionName span{color:var(--ink-400);margin-top:2px;font-size:8px;display:block}.metricValue{white-space:nowrap;justify-content:flex-end;gap:3px}.metricValue strong{color:var(--ink-950);letter-spacing:0;font-size:13px;font-weight:650}.regionMetricHeader .regionProductHeading,.regionMetricRow>.regionProductNames{text-align:left;justify-content:flex-start}.regionProductNames{white-space:normal;line-height:1.35}.regionProductNames strong{overflow-wrap:anywhere;font-size:11px}.regionMetricFooter{min-height:38px;color:var(--bronze-700);background:var(--bronze-50);border-top:1px solid var(--ink-150);justify-content:space-between;align-items:center;padding:0 13px;font-size:10px;display:flex}@media (max-width:720px){.regionMetricPanel{--region-metric-columns:minmax(180px, 1.2fr) repeat(3, minmax(96px, .65fr)) minmax(260px, 1.5fr)}.regionMetricHeader,.regionMetricRow{min-width:820px}}
.field,.customSelectField{gap:7px;display:grid}.customSelectField{z-index:2;position:relative}.customSelectField:focus-within{z-index:80}.field>span:first-child,.customSelectField>span{color:var(--ink-600);font-size:var(--text-xs);font-weight:620}input,select,textarea,.input,.select,.customSelectNative{border:1px solid var(--ink-200);border-radius:var(--r-control);width:100%;min-height:38px;color:var(--ink-900);font-family:var(--font-sans);font-size:var(--text-base);letter-spacing:0;background:#fff;outline:none;padding:0 10px;line-height:1.35}input::placeholder,textarea::placeholder{color:var(--ink-400)}input:focus,select:focus,textarea:focus,.input:focus,.select:focus,.customSelectNative:focus{border-color:var(--accent-soft);box-shadow:var(--focus-ring)}.customSelectNative{cursor:pointer}.nativeDateField{--native-date-control-height:38px;--native-date-control-radius:var(--r-control);--native-date-control-border:var(--ink-200);--native-date-control-background:#fff;--native-date-control-color:var(--ink-900);--native-date-control-padding:0 10px;--native-date-label-gap:7px;--native-date-label-color:var(--ink-600);--native-date-label-size:var(--text-xs);--native-date-label-weight:620;--native-date-input-size:var(--text-base);--native-date-input-weight:500;--native-date-text-align:start;gap:var(--native-date-label-gap);width:100%;min-width:0;max-width:100%;display:grid}.nativeDateFieldLabel{color:var(--native-date-label-color);font-size:var(--native-date-label-size);font-weight:var(--native-date-label-weight)}.nativeDateFieldControl{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:var(--native-date-control-height);border:1px solid var(--native-date-control-border);border-radius:var(--native-date-control-radius);background:var(--native-date-control-background);display:grid;overflow:visible}.nativeDateFieldInput{box-sizing:border-box;inline-size:100%;width:100%;min-inline-size:0;min-width:0;max-inline-size:100%;max-width:100%;height:100%;min-height:0;padding:var(--native-date-control-padding);border-radius:inherit;color:var(--native-date-control-color);box-shadow:none;font:inherit;font-size:var(--native-date-input-size);font-weight:var(--native-date-input-weight);text-align:var(--native-date-text-align);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.nativeDateFieldInput>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nativeDateFieldInput>span.placeholder{color:var(--ink-400)}.nativeDateFieldInput>svg{color:var(--ink-500);flex:none}.nativeDateFieldInput:disabled{cursor:not-allowed;opacity:.62}.nativeDateFieldControl:focus-within{border-color:var(--accent-soft);box-shadow:var(--focus-ring)}.nativeDateFieldInput:focus{box-shadow:none;border:0;outline:none}.nativeDateFieldInput[data-invalid=true]{color:var(--danger,#b42318)}.nativeDateFieldControl:has(.nativeDateFieldInput[data-invalid=true]){border-color:var(--danger,#d92d20);box-shadow:0 0 0 3px #d92d201a}.nativeDateFieldError{color:var(--danger,#b42318);font-size:12px;font-weight:650;line-height:1.45}.datePickerDialog{width:min(360px,100vw - 28px);max-width:none;color:var(--ink-900);background:0 0;border:0;border-radius:18px;padding:0;overflow:visible}.datePickerDialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f17207a}.datePickerPanel{background:#fff;border:1px solid #0f1d2b14;border-radius:18px;overflow:hidden;box-shadow:0 24px 64px #0f1d2b3d}.datePickerHeader{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:16px 18px;display:flex}.datePickerHeader>div{gap:4px;display:grid}.datePickerHeader small{color:#ffffffb8;letter-spacing:.08em;font-size:11px;font-weight:700}.datePickerHeader strong{letter-spacing:-.02em;font-size:21px;font-weight:760}.datePickerHeader>button,.datePickerNavigation>button{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;display:inline-grid}.datePickerHeader>button{background:#ffffff1f}.datePickerHeader>button:active,.datePickerNavigation>button:active:not(:disabled){transform:scale(.94)}.datePickerNavigation{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;padding:14px 16px 10px;display:grid}.datePickerNavigation strong{text-align:center;font-size:15px;font-weight:760}.datePickerNavigation>button{color:var(--ink-600)}.datePickerNavigation>button:hover:not(:disabled){background:var(--ink-50);color:var(--accent)}.datePickerNavigation>button:disabled{cursor:not-allowed;opacity:.28}.datePickerWeekdays,.datePickerDayGrid{grid-template-columns:repeat(7,minmax(0,1fr));padding:0 14px;display:grid}.datePickerWeekdays{color:var(--ink-500);text-align:center;font-size:11px;font-weight:700}.datePickerWeekdays span{padding:5px 0 7px}.datePickerDayGrid{row-gap:2px;padding-bottom:13px}.datePickerDayGrid button,.datePickerMonthGrid button{min-width:0;color:var(--ink-800);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;font-size:13px;font-weight:650;display:inline-grid;position:relative}.datePickerDayGrid button{aspect-ratio:1}.datePickerDayGrid button.outside{color:var(--ink-300)}.datePickerDayGrid button.today:not(.selected):after{background:var(--accent);content:"";border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px}.datePickerDayGrid button:hover:not(:disabled),.datePickerMonthGrid button:hover:not(:disabled){background:var(--ink-50)}.datePickerDayGrid button.selected,.datePickerMonthGrid button.selected{background:var(--accent);color:#fff;font-weight:780;box-shadow:0 5px 12px #0d5c4b38}.datePickerDayGrid button:disabled,.datePickerMonthGrid button:disabled{color:var(--ink-300);cursor:not-allowed;opacity:.42}.datePickerMonthGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 18px 20px;display:grid}.datePickerMonthGrid button{min-height:45px}.datePickerActions{border-top:1px solid var(--ink-100);background:#fbfcfc;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:10px 14px;display:flex}.datePickerActions>span{gap:8px;display:flex}.datePickerActions button{border:1px solid var(--ink-200);min-width:68px;min-height:40px;color:var(--ink-700);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:0 14px;font-size:14px;font-weight:720}.datePickerActions button.datePickerClear{min-width:56px;color:var(--ink-500);background:0 0;border-color:#0000;padding:0 8px}.datePickerActions button.datePickerConfirm{border-color:var(--accent);background:var(--accent);color:#fff}.datePickerActions button:disabled{cursor:not-allowed;opacity:.42}@media (max-width:520px){.datePickerDialog{width:calc(100vw - 20px);margin-bottom:max(10px, env(safe-area-inset-bottom))}.datePickerPanel{border-radius:20px}.datePickerDayGrid{row-gap:4px}.datePickerActions{padding-bottom:max(10px, env(safe-area-inset-bottom))}}.filters{z-index:20;border:1px solid var(--ink-200);border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--shadow-card);grid-template-columns:minmax(430px,.9fr) minmax(0,1.35fr);align-items:stretch;gap:0;margin-bottom:16px;display:grid;position:relative;overflow:visible}.filterBlock{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));align-items:flex-end;gap:10px 12px;min-width:0;padding:14px 16px 16px;display:grid;position:relative}.filterBlock+.filterBlock,.secondaryFilters{border-top:0}.filters>.filterBlock:first-of-type{border-top-left-radius:calc(var(--r-panel) - 1px);border-bottom-left-radius:calc(var(--r-panel) - 1px)}.filters>.filterBlock:last-of-type{border-top-right-radius:calc(var(--r-panel) - 1px);border-bottom-right-radius:calc(var(--r-panel) - 1px)}.filters>.filterBlock:only-of-type{border-radius:calc(var(--r-panel) - 1px)}.primaryFilters{border-right:1px solid var(--ink-150);background:linear-gradient(90deg, var(--surface-warm), var(--surface));grid-template-columns:minmax(170px,1.3fr) minmax(108px,.85fr) minmax(108px,.85fr)}.secondaryFilters{grid-template-columns:repeat(3,minmax(108px,.85fr)) minmax(200px,1.55fr) auto}.auditFilters .primaryFilters{grid-template-columns:repeat(2,minmax(160px,1fr))}.auditFilters .secondaryFilters{grid-template-columns:repeat(4,minmax(140px,1fr)) auto}.filterBlockTitle{width:auto;min-height:16px;color:var(--ink-500);font-size:var(--text-xs);letter-spacing:.06em;grid-column:1/-1;align-items:center;gap:6px;font-weight:700;display:inline-flex;position:static}.filterBlockTitle:before{content:"";background:var(--accent-soft);border-radius:2px;width:3px;height:12px}.secondaryFilters .filterBlockTitle:before{background:var(--ink-300)}.filterBlock>label,.filterBlock>.customSelectField,.keywordField{gap:6px;width:100%;min-width:0}.filterBlock>label>span:first-child,.filterBlock>.customSelectField>span{color:var(--ink-600);font-size:var(--text-xs);font-weight:620}.filterBlock input,.filterBlock .customSelectNative{min-height:var(--ctrl-h);font-size:var(--text-base)}.filterBlock .primaryButton{min-height:var(--ctrl-h);align-self:end;padding-inline:13px}.accountStats{border:1px solid var(--ink-200);border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--shadow-card);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;display:grid;overflow:hidden}.accountStats>div{border-bottom:0;border-right:0;min-width:0;padding:13px 16px}.accountStats>div+div{border-left:1px solid var(--ink-150)}.accountStats>div>span{color:var(--ink-500);font-size:var(--text-xs);font-weight:600;display:block}.accountStats strong{color:var(--ink-950);font-size:var(--text-xl);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-weight:680;display:block;overflow:hidden}.panel,.accountMainPanel,.accountSidePanel,.accountPanel{border:1px solid var(--ink-200);border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--shadow-card);overflow:visible}.financePanel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.panel+.panel,.accountSidePanel+.accountSidePanel{margin-top:var(--stacked-panel-gap,16px)}.panelHeading{border-bottom:1px solid var(--ink-150);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:11px 14px;display:flex}.panel>.panelHeading:first-child,.accountMainPanel>.panelHeading:first-child,.accountSidePanel>.panelHeading:first-child,.accountPanel>.panelHeading:first-child,.financePanel>.panelHeading:first-child{border-top-left-radius:calc(var(--r-panel) - 1px);border-top-right-radius:calc(var(--r-panel) - 1px)}.panelHeading h2{color:var(--ink-900);font-size:var(--text-md);margin:0;font-weight:680;line-height:1.25}.panelHeading p{color:var(--ink-500);font-size:var(--text-xs);margin:4px 0 0;line-height:1.4}.panelBody{padding:var(--panel-pad)}.tableWrap,.accountTableWrap{border-radius:var(--r-panel);overflow-x:auto}.panel>.tableWrap,.accountMainPanel>.tableWrap,.accountSidePanel>.tableWrap,.accountPanel>.tableWrap,.financePanel>.tableWrap,.panel>.accountTableWrap,.accountMainPanel>.accountTableWrap,.accountSidePanel>.accountTableWrap,.accountPanel>.accountTableWrap{box-shadow:none;background:0 0;border:0;border-radius:0}.tableWrap table,.accountTable{border-collapse:separate;border-spacing:0;width:100%}.accountTableWrap{overflow-x:visible}.accountTable{table-layout:fixed;min-width:0}.accountTable th,.accountTable td{white-space:normal;min-width:0}.accountTable th:first-child,.accountTable td:first-child{width:34%}.accountTable th:nth-child(2),.accountTable td:nth-child(2){width:10%}.accountTable th:nth-child(3),.accountTable td:nth-child(3){width:11%}.accountTable th:nth-child(4),.accountTable td:nth-child(4){width:8%}.accountTable th:nth-child(5),.accountTable td:nth-child(5){width:16%}.accountTable th:last-child,.accountTable td:last-child{width:21%}.tableWrap th,.accountTable th{height:33px;color:var(--ink-500);background:var(--surface-warm);border-bottom:1px solid var(--ink-150);font-size:var(--text-xs);letter-spacing:.04em;text-align:left;white-space:nowrap;z-index:auto;padding:0 12px;font-weight:700;position:static;top:auto}.tableWrap td,.accountTable td{height:var(--row-h);border-bottom:1px solid var(--ink-150);color:var(--ink-700);font-size:var(--text-base);vertical-align:middle;padding:8px 12px}.tableWrap tbody tr:last-child td,.accountTable tbody tr:last-child td{border-bottom:0}.tableWrap tbody tr:hover td,.accountTable tbody tr:hover td{background:#f8faf9}.numberCell,.numeric{text-align:right;font-variant-numeric:tabular-nums}.blockMuted,.mutedText,.muted,.sub{color:var(--ink-400)}.accountAvatar{color:#fff;background:linear-gradient(145deg,#0d7a5d,#5f8d62);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:15px;font-weight:760;display:grid}.nowrapCell{white-space:nowrap}.tag{border:1px solid var(--ink-200);min-height:20px;color:var(--ink-600);background:var(--ink-50);font-size:var(--text-xs);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 7px;font-weight:700;display:inline-flex}.tag.success{color:var(--green-700);border-color:var(--green-border);background:var(--green-50)}.tag.warn{color:var(--bronze-700);border-color:var(--bronze-100);background:var(--bronze-50)}.tag.danger{color:var(--red-700);border-color:var(--red-100);background:var(--red-50)}.tag.accent,.roleTag{color:var(--accent-strong);border-color:var(--accent-border);background:var(--accent-tint)}.feedbackBanner{border-radius:var(--r-control);font-size:var(--text-sm);align-items:center;gap:8px;margin-bottom:16px;padding:11px 14px;font-weight:600;display:flex}.feedbackBanner.success{color:var(--green-700);background:var(--green-50);border:1px solid var(--green-border)}.feedbackBanner.error{color:var(--red-700);background:var(--red-50);border:1px solid var(--red-100)}.accountHint{border:1px solid var(--accent-border);border-radius:var(--r-panel);background:var(--accent-tint);grid-template-columns:24px 1fr;gap:11px;padding:14px;display:grid}.accountLayout,.apiKeyAdminLayout{--account-layout-gap:16px;gap:var(--account-layout-gap);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.accountMainPanel,.accountPanel{overflow:hidden}.accountSidePanel{--stacked-panel-gap:var(--account-layout-gap,16px);box-shadow:none;background:0 0;border:0;border-radius:0}.accountSidePanel .accountPanel{margin:0}.accountMainPanel>.accountTableWrap{overflow-x:clip}.usersAccountLayout{grid-template-columns:minmax(0,1fr)}.accountPageHeader{margin-bottom:22px}.accountPageHeader h1{font-size:27px;font-weight:720}.accountPageHeader p{margin-top:8px;font-size:13px}@media (max-width:1320px){.filters{grid-template-columns:1fr}.primaryFilters{border-right:0;border-bottom:1px solid var(--ink-150)}.filters>.filterBlock:first-of-type{border-radius:calc(var(--r-panel) - 1px) calc(var(--r-panel) - 1px) 0 0}.filters>.filterBlock:last-of-type{border-radius:0 0 calc(var(--r-panel) - 1px) calc(var(--r-panel) - 1px)}.filters>.filterBlock:only-of-type{border-radius:calc(var(--r-panel) - 1px)}}@media (max-width:1180px){.accountLayout{grid-template-columns:1fr}.secondaryFilters{grid-template-columns:repeat(3,minmax(120px,1fr)) minmax(200px,1.4fr) auto}}@media (max-width:980px){.accountStats{grid-template-columns:repeat(2,minmax(0,1fr))}.accountStats>div{border-left:0}.accountStats>div:nth-child(2n){border-left:1px solid var(--ink-150)}.accountStats>div:nth-child(n+3){border-top:1px solid var(--ink-150)}.primaryFilters{grid-template-columns:repeat(3,minmax(0,1fr))}.secondaryFilters,.auditFilters .secondaryFilters{grid-template-columns:repeat(2,minmax(0,1fr)) auto}}@media (max-width:720px){.filterBlock,.primaryFilters,.secondaryFilters,.auditFilters .primaryFilters,.auditFilters .secondaryFilters{grid-template-columns:1fr}.filterBlock .primaryButton{width:100%}}.emptyState{color:var(--muted);padding:28px}.mutedText{color:var(--muted)}
.paginationBar{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.paginationInfo{margin-right:auto;font-size:13px}.accountIdentity{align-items:center;gap:10px;min-width:0;display:inline-flex}.accountIdentity strong,.accountIdentity small{display:block}.accountIdentity small{color:var(--muted);margin-top:2px;font-size:12px}.currentAccountMark{min-height:32px;color:var(--muted);align-items:center;gap:8px;font-weight:700;display:inline-flex}.dangerTextButton{color:var(--red)}.dangerTextButton:hover{background:var(--warn-bg)}.rowActions{white-space:nowrap;flex-flow:row;align-items:center;gap:8px;display:flex}.rowActions>form{margin:0}.appModal{border:1px solid var(--line);background:var(--panel);width:min(420px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-modal);border-radius:12px;padding:0}.appModal::backdrop{background:#10182873}.appModal[open][data-fallback-open=true]{z-index:1000;max-height:calc(100vh - 32px);position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%)}.appModalHeader{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.appModalHeader h3{margin:0;font-size:17px}.appModalHeader p{color:var(--muted);margin:4px 0 0;font-size:12px;font-weight:700}.appModalSub{color:var(--muted);margin:0;padding:14px 18px 0;font-size:13px;line-height:1.6}.appModalNotice{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--fill-muted);color:var(--ink-700);grid-template-columns:20px 1fr;gap:10px;margin:14px 18px 0;padding:12px;font-size:13px;line-height:1.55;display:grid}.appModalNotice p{overflow-wrap:anywhere;white-space:normal;min-width:0;margin:0}.appModalNotice.danger{border-color:var(--red-100);background:var(--red-50);color:var(--red-700)}.appModalForm{gap:12px;padding:16px 18px 18px;display:grid}.appModalForm label{gap:6px;display:grid}.appModalForm label span{color:var(--muted);font-size:13px;font-weight:700}.credentialRotationFields{border:1px solid var(--warn-border);border-radius:var(--radius-sm);background:var(--warn-bg);gap:12px;padding:12px;display:grid}.credentialRotationFields .accountFormHint{color:var(--text);margin:0;font-size:13px;line-height:1.55}.appModalError{border:1px solid var(--warn-border);border-radius:var(--radius-sm);background:var(--warn-bg);color:var(--red);margin:0;padding:9px 11px;font-size:13px;font-weight:700}.appModalActions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.appModalActions .primaryButton,.appModalActions .secondaryActionButton{width:auto}.accountSidePanel{gap:14px;display:grid;position:sticky;top:76px}.accountForm{gap:12px;padding:16px;display:grid}.formHint{color:var(--muted);margin:-2px 0 0;font-size:13px;line-height:1.5}.accountForm .primaryButton,.accountForm .secondaryActionButton{width:100%}.headerActions .compactAction{width:auto}
.dailyPhotoCard{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:8px 12px;min-width:0;min-height:78px;padding:8px;display:grid;position:relative;overflow:hidden}.dailyPhotoCard.filled{border-color:var(--success-border)}.dailyPhotoVisualFrame,.dailyPhotoForm,.dailyPhotoPickArea{min-width:0}.dailyPhotoVisualFrame{grid-row:1/span 2;height:60px;position:relative}.dailyPhotoPickArea{cursor:pointer;border-radius:7px;height:60px;display:grid;position:relative;overflow:hidden}.dailyPhotoPickArea input[type=file]{z-index:3;opacity:0;cursor:pointer;position:absolute;inset:0}.dailyPhotoPreview,.dailyPhotoEmpty{background:#fff;place-items:center;gap:3px;width:100%;height:100%;min-height:0;display:grid}.dailyPhotoPreview img{object-fit:cover;width:100%;height:100%}.dailyPhotoEmpty{color:var(--accent);background:linear-gradient(135deg,#0d5c4b0f,#fffffff2),#fff}.dailyPhotoEmpty svg{box-sizing:content-box;opacity:.62;background:0 0;border:0;width:22px;height:22px;padding:0}.dailyPhotoEmpty b{max-width:calc(100% - 12px);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;line-height:1.1;overflow:hidden}.dailyPhotoUploadBadge{z-index:2;background:var(--accent);color:#fff;border:1px solid #ffffff52;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:22px;padding:0 7px;font-size:10px;font-weight:750;display:inline-flex;position:absolute;inset:auto 6px 6px;box-shadow:0 8px 18px #0d5c4b33}.dailyPhotoCard.uploading .dailyPhotoUploadBadge svg{animation:.8s linear infinite dailyPhotoSpin}.dailyPhotoCard.uploading .dailyPhotoPickArea{cursor:progress;pointer-events:none}.dailyPhotoMeta{gap:6px;min-width:0;padding:0;display:grid}.dailyPhotoMetaHead{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.dailyPhotoMeta strong,.dailyPhotoMeta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dailyPhotoMeta strong{color:var(--ink-900);font-size:12px}.dailyPhotoMeta small{color:var(--muted);font-size:10px}.dailyPhotoState{background:var(--ink-50);width:fit-content;color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:4px;padding:1px 6px;font-size:10px;font-weight:750;display:inline-flex}.dailyPhotoState.ok{background:var(--success-bg);color:var(--green)}.dailyPhotoActions{justify-content:flex-start;align-items:center;gap:8px;min-width:0;margin:-4px 0 0;display:flex}.dailyPhotoViewLink{width:fit-content;color:var(--accent);background:0 0;border:0;align-items:center;gap:5px;margin:0;padding:0;font-family:inherit;font-size:11px;font-weight:750;display:inline-flex}.dailyPhotoViewLink:hover{color:var(--accent-strong)}.dailyPhotoDeleteForm{z-index:5;display:inline-flex;position:absolute;top:4px;right:4px}.dailyPhotoDeleteButton{width:24px;height:24px;color:var(--red);background:#fffffff0;border:1px solid #dc26263d;border-radius:7px;place-items:center;padding:0;display:inline-grid;box-shadow:0 3px 10px #1118272e}.dailyPhotoDeleteButton:hover{border-color:var(--red-100);background:var(--red-50);color:var(--red)}.dailyPhotoDeleteButton:disabled{cursor:wait;opacity:.58}.dailyPhotoDeleteButton:disabled svg{animation:.8s linear infinite dailyPhotoSpin}.dailyPhotoModal{z-index:120;width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:24px;position:fixed;inset:0}.dailyPhotoModal[open]{place-items:center;display:grid}.dailyPhotoModal[open][data-fallback-open=true],.dailyPhotoModal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1218b8}.dailyPhotoModalPanel{background:#fff;border:1px solid #ffffff29;border-radius:18px;width:min(960px,100%);max-height:min(88vh,920px);display:grid;overflow:hidden;box-shadow:0 30px 80px #00000052}.dailyPhotoModalHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.dailyPhotoModalHead>div{gap:2px;min-width:0;display:grid}.dailyPhotoModalHead strong,.dailyPhotoModalHead span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dailyPhotoModalHead strong{color:var(--ink-900);font-size:14px}.dailyPhotoModalHead span{color:var(--muted);font-size:11px}.dailyPhotoModalHead button{border:1px solid var(--line);width:34px;height:34px;color:var(--ink-700);background:#fff;border-radius:12px;flex:none;place-items:center;display:inline-grid}.dailyPhotoModalHead button:hover{border-color:var(--accent-border);color:var(--accent)}.dailyPhotoModalPanel>img{object-fit:contain;background:#0f171b;width:100%;max-height:calc(88vh - 70px);display:block}@keyframes dailyPhotoSpin{to{transform:rotate(360deg)}}@media (max-width:900px){.dailyPhotoMetaHead{flex-direction:column;align-items:flex-start}.dailyPhotoCard{grid-template-columns:96px minmax(0,1fr)}.dailyPhotoModal{align-items:end;padding:10px}.dailyPhotoModalPanel{border-radius:18px 18px 10px 10px;width:100%;max-height:92vh}.dailyPhotoModalPanel>img{max-height:calc(92vh - 70px)}}