@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-size-body: 13px;--font-size-small: 12px;--font-size-title: 14px;--font-size-page-title: 18px;--font-size-pill: 11.5px;--font-size-label: 11px;--page-pad: 16px;--gap: 8px;--card-pad: 12px;--top-bar-h: 48px;--tab-bar-h: 44px;--card-header-h: 44px;--table-head-h: 28px;--table-row-h: 34px;--btn-h: 32px;--btn-sm-h: 28px;--field-h: 34px;--pill-h: 20px;--tick-size: 16px;--panel-w: 340px}:root,:root[data-theme=monsoon][data-mode=light]{color-scheme:light;--font-sans: "Geist Variable", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--radius-card: 12px;--radius-control: 8px;--bg-ground: #F1F5F5;--bg-surface: #FFFFFF;--bg-subtle: #F6FAFA;--border: #DCE6E6;--border-strong: #C3D2D3;--text: #0E1A1C;--text-muted: #465A5E;--text-faint: #5A6F73;--accent: #0F8577;--accent-hover: #0B6B60;--accent-soft: #DFF3EF;--accent-text: #0B6B60;--on-accent: #FFFFFF;--focus-ring: rgba(15, 133, 119, .22);--ok: #17703A;--bad: #AF2424;--status-unallotted-bg: #EEF0F3;--status-unallotted-fg: #3F4654;--status-allotted-bg: #E6EEFE;--status-allotted-fg: #1E4FD1;--status-ofd-bg: #F1EBFE;--status-ofd-fg: #5B2BC0;--status-delivered-bg: #E3F4E8;--status-delivered-fg: #17703A;--status-cancelled-bg: #EFEFEF;--status-cancelled-fg: #5F5F5F;--status-blocking-bg: #FDE8E8;--status-blocking-fg: #AF2424;--status-attention-bg: #FDF0DC;--status-attention-fg: #8F5209;--status-info-bg: #E6F0FB;--status-info-fg: #1D5A99;--status-nirmal-bg: #EFE9FB;--status-nirmal-fg: #5B3AA8;--bar-bg: var(--bg-surface);--bar-text: var(--text);--bar-text-muted: var(--text-muted);--bar-border: var(--border);--bar-field: var(--bg-subtle);--bar-highlight: var(--accent);--bar-hover: var(--bg-subtle);--toast-bg: var(--text);--toast-text: var(--bg-surface);--shadow: 0 1px 2px rgba(26, 25, 23, .05);--shadow-hover: 0 14px 30px -12px rgba(26, 25, 23, .24), 0 2px 6px rgba(26, 25, 23, .06);--shadow-pop: 0 18px 40px -12px rgba(26, 25, 23, .28), 0 2px 8px rgba(26, 25, 23, .08)}:root[data-theme=monsoon][data-mode=dark]{color-scheme:dark;--font-sans: "Geist Variable", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--radius-card: 12px;--radius-control: 8px;--bg-ground: #0E1316;--bg-surface: #151C20;--bg-subtle: #1A2328;--border: #243038;--border-strong: #34434D;--text: #E8EEF1;--text-muted: #A9B7BF;--text-faint: #8898A3;--accent: #2BB5A3;--accent-hover: #3FCDBA;--accent-soft: #123330;--accent-text: #74E3D3;--on-accent: #04201C;--focus-ring: rgba(43, 181, 163, .32);--ok: #6ED696;--bad: #FF8E8E;--status-unallotted-bg: #232A30;--status-unallotted-fg: #B8C4CC;--status-allotted-bg: #16264A;--status-allotted-fg: #A4BEFF;--status-ofd-bg: #2A1F47;--status-ofd-fg: #CBB8FF;--status-delivered-bg: #12301F;--status-delivered-fg: #86DBA6;--status-cancelled-bg: #262A2D;--status-cancelled-fg: #A7AEB3;--status-blocking-bg: #3A1719;--status-blocking-fg: #FF9E9E;--status-attention-bg: #392A10;--status-attention-fg: #F4C470;--status-info-bg: #132A40;--status-info-fg: #95C6F5;--status-nirmal-bg: #2A2143;--status-nirmal-fg: #C7B6FF;--bar-bg: #0A0E10;--bar-text: var(--text);--bar-text-muted: var(--text-muted);--bar-border: #1F2A30;--bar-field: #131A1E;--bar-highlight: var(--accent);--bar-hover: rgba(255, 255, 255, .06);--toast-bg: var(--text);--toast-text: var(--bg-surface);--shadow: 0 1px 2px rgba(0, 0, 0, .35);--shadow-hover: 0 18px 36px -14px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-pop: 0 22px 44px -12px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .06)}:root[data-theme=cobalt][data-mode=light]{color-scheme:light;--font-sans: "Hanken Grotesk Variable", "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, Consolas, monospace;--radius-card: 14px;--radius-control: 10px;--bg-ground: #F3F5F9;--bg-surface: #FFFFFF;--bg-subtle: #F8FAFD;--border: #E1E6EF;--border-strong: #C9D1DE;--text: #0D1526;--text-muted: #475269;--text-faint: #5B6680;--accent: #1F4FD8;--accent-hover: #1A41B3;--accent-soft: #E7EEFD;--accent-text: #1A41B3;--on-accent: #FFFFFF;--focus-ring: rgba(31, 79, 216, .22);--ok: #17703A;--bad: #AF2424;--status-unallotted-bg: #EEF0F3;--status-unallotted-fg: #3F4654;--status-allotted-bg: #E4F3F7;--status-allotted-fg: #0E6177;--status-ofd-bg: #F1EBFE;--status-ofd-fg: #5B2BC0;--status-delivered-bg: #E3F4E8;--status-delivered-fg: #17703A;--status-cancelled-bg: #EFEFEF;--status-cancelled-fg: #5F5F5F;--status-blocking-bg: #FDE8E8;--status-blocking-fg: #AF2424;--status-attention-bg: #FDF0DC;--status-attention-fg: #8F5209;--status-info-bg: #E6F0FB;--status-info-fg: #1D5A99;--status-nirmal-bg: #EFE9FB;--status-nirmal-fg: #5B3AA8;--bar-bg: var(--bg-surface);--bar-text: var(--text);--bar-text-muted: var(--text-muted);--bar-border: var(--border);--bar-field: var(--bg-subtle);--bar-highlight: var(--accent);--bar-hover: var(--bg-subtle);--toast-bg: var(--text);--toast-text: var(--bg-surface);--shadow: 0 1px 2px rgba(26, 25, 23, .05);--shadow-hover: 0 14px 30px -12px rgba(26, 25, 23, .24), 0 2px 6px rgba(26, 25, 23, .06);--shadow-pop: 0 18px 40px -12px rgba(26, 25, 23, .28), 0 2px 8px rgba(26, 25, 23, .08)}:root[data-theme=cobalt][data-mode=dark]{color-scheme:dark;--font-sans: "Hanken Grotesk Variable", "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, Consolas, monospace;--radius-card: 14px;--radius-control: 10px;--bg-ground: #0B101A;--bg-surface: #121928;--bg-subtle: #172031;--border: #222C40;--border-strong: #324059;--text: #E9EEF8;--text-muted: #A8B4CC;--text-faint: #8894AE;--accent: #5B8CFF;--accent-hover: #7AA2FF;--accent-soft: #16244A;--accent-text: #A9C2FF;--on-accent: #06122E;--focus-ring: rgba(91, 140, 255, .34);--ok: #6ED696;--bad: #FF8E8E;--status-unallotted-bg: #232A30;--status-unallotted-fg: #B8C4CC;--status-allotted-bg: #12303A;--status-allotted-fg: #8AD3E6;--status-ofd-bg: #2A1F47;--status-ofd-fg: #CBB8FF;--status-delivered-bg: #12301F;--status-delivered-fg: #86DBA6;--status-cancelled-bg: #262A2D;--status-cancelled-fg: #A7AEB3;--status-blocking-bg: #3A1719;--status-blocking-fg: #FF9E9E;--status-attention-bg: #392A10;--status-attention-fg: #F4C470;--status-info-bg: #132A40;--status-info-fg: #95C6F5;--status-nirmal-bg: #2A2143;--status-nirmal-fg: #C7B6FF;--bar-bg: var(--bg-surface);--bar-text: var(--text);--bar-text-muted: var(--text-muted);--bar-border: var(--border);--bar-field: var(--bg-subtle);--bar-highlight: var(--accent);--bar-hover: rgba(255, 255, 255, .06);--toast-bg: var(--text);--toast-text: var(--bg-surface);--shadow: 0 1px 2px rgba(0, 0, 0, .35);--shadow-hover: 0 18px 36px -14px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-pop: 0 22px 44px -12px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .06)}:root[data-theme=plum][data-mode=light]{color-scheme:light;--font-sans: "Figtree Variable", "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, Consolas, monospace;--radius-card: 16px;--radius-control: 10px;--bg-ground: #F6F4F7;--bg-surface: #FFFFFF;--bg-subtle: #FAF8FB;--border: #E6E1E8;--border-strong: #D2CAD6;--text: #1D1620;--text-muted: #5A5060;--text-faint: #6E6474;--accent: #7A2E6E;--accent-hover: #62245A;--accent-soft: #F5E8F2;--accent-text: #62245A;--on-accent: #FFFFFF;--focus-ring: rgba(122, 46, 110, .22);--ok: #17703A;--bad: #AF2424;--status-unallotted-bg: #EEF0F3;--status-unallotted-fg: #3F4654;--status-allotted-bg: #E6EEFE;--status-allotted-fg: #1E4FD1;--status-ofd-bg: #EAF0FF;--status-ofd-fg: #3B4FC4;--status-delivered-bg: #E3F4E8;--status-delivered-fg: #17703A;--status-cancelled-bg: #EFEFEF;--status-cancelled-fg: #5F5F5F;--status-blocking-bg: #FDE8E8;--status-blocking-fg: #AF2424;--status-attention-bg: #FDF0DC;--status-attention-fg: #8F5209;--status-info-bg: #E6F0FB;--status-info-fg: #1D5A99;--status-nirmal-bg: #EFE9FB;--status-nirmal-fg: #5B3AA8;--bar-bg: var(--bg-surface);--bar-text: var(--text);--bar-text-muted: var(--text-muted);--bar-border: var(--border);--bar-field: var(--bg-subtle);--bar-highlight: var(--accent);--bar-hover: var(--bg-subtle);--toast-bg: var(--text);--toast-text: var(--bg-surface);--shadow: 0 1px 2px rgba(26, 25, 23, .05);--shadow-hover: 0 14px 30px -12px rgba(26, 25, 23, .24), 0 2px 6px rgba(26, 25, 23, .06);--shadow-pop: 0 18px 40px -12px rgba(26, 25, 23, .28), 0 2px 8px rgba(26, 25, 23, .08)}:root[data-theme=plum][data-mode=dark]{color-scheme:dark;--font-sans: "Figtree Variable", "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, Consolas, monospace;--radius-card: 16px;--radius-control: 10px;--bg-ground: #131015;--bg-surface: #1C171F;--bg-subtle: #221C26;--border: #2F2733;--border-strong: #423746;--text: #F1ECF3;--text-muted: #B9ADBE;--text-faint: #998D9E;--accent: #D46FBE;--accent-hover: #E38ACF;--accent-soft: #3A1A34;--accent-text: #F2A9E2;--on-accent: #26071F;--focus-ring: rgba(212, 111, 190, .32);--ok: #6ED696;--bad: #FF8E8E;--status-unallotted-bg: #232A30;--status-unallotted-fg: #B8C4CC;--status-allotted-bg: #16264A;--status-allotted-fg: #A4BEFF;--status-ofd-bg: #1C2550;--status-ofd-fg: #AFC0FF;--status-delivered-bg: #12301F;--status-delivered-fg: #86DBA6;--status-cancelled-bg: #262A2D;--status-cancelled-fg: #A7AEB3;--status-blocking-bg: #3A1719;--status-blocking-fg: #FF9E9E;--status-attention-bg: #392A10;--status-attention-fg: #F4C470;--status-info-bg: #132A40;--status-info-fg: #95C6F5;--status-nirmal-bg: #2A2143;--status-nirmal-fg: #C7B6FF;--bar-bg: var(--bg-surface);--bar-text: var(--text);--bar-text-muted: var(--text-muted);--bar-border: var(--border);--bar-field: var(--bg-subtle);--bar-highlight: var(--accent);--bar-hover: rgba(255, 255, 255, .06);--toast-bg: var(--text);--toast-text: var(--bg-surface);--shadow: 0 1px 2px rgba(0, 0, 0, .35);--shadow-hover: 0 18px 36px -14px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-pop: 0 22px 44px -12px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .06)}:root{--color-bg-primary: var(--bg-ground);--color-bg-surface: var(--bg-surface);--color-text-primary: var(--text);--color-text-secondary: var(--text-muted);--color-border: var(--border);--color-bg-muted: var(--bg-subtle);--color-bg-secondary: var(--bg-subtle);--color-text-muted: var(--text-muted);--color-text-link: var(--accent-text);--color-text-danger: var(--status-blocking-fg);--color-accent: var(--accent);--color-accent-hover: var(--accent-hover);--color-accent-text: var(--on-accent);--color-header-bg: var(--bar-bg);--color-header-border: var(--bar-border);--font-family-sans: var(--font-sans);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--radius: var(--radius-card);--radius-sm: var(--radius-card);--radius-md: var(--radius-card);--radius-lg: var(--radius-card);--radius-full: 9999px;--border-width: 1px;--color-run-card-bg: var(--bg-subtle);--color-danger-bg: var(--status-blocking-bg);--color-danger-border: color-mix(in srgb, var(--status-blocking-fg) 40%, var(--status-blocking-bg));--color-danger-text: var(--status-blocking-fg);--color-warning-bg: var(--status-attention-bg);--color-warning-border: color-mix(in srgb, var(--status-attention-fg) 40%, var(--status-attention-bg));--color-warning-text: var(--status-attention-fg);--color-success: var(--ok);--color-success-bg: var(--status-delivered-bg);--color-success-border: color-mix(in srgb, var(--status-delivered-fg) 40%, var(--status-delivered-bg));--color-success-text: var(--status-delivered-fg);--color-table-header-bg: var(--bg-subtle);--color-table-row-hover: var(--bg-subtle);--color-table-row-alt: var(--bg-subtle);--color-status-unallotted-bg: var(--status-unallotted-bg);--color-status-unallotted-text: var(--status-unallotted-fg);--color-status-allotted-bg: var(--status-allotted-bg);--color-status-allotted-text: var(--status-allotted-fg);--color-status-ofd-bg: var(--status-ofd-bg);--color-status-ofd-text: var(--status-ofd-fg);--color-status-delivered-bg: var(--status-delivered-bg);--color-status-delivered-text: var(--status-delivered-fg);--color-status-attention-bg: var(--status-blocking-bg);--color-status-attention-text: var(--status-blocking-fg);--color-status-resend-bg: var(--status-attention-bg);--color-status-resend-text: var(--status-attention-fg);--color-status-cancelled-bg: var(--status-cancelled-bg);--color-status-cancelled-text: var(--status-cancelled-fg);--color-company-suryam: var(--accent);--color-company-nirmal: var(--status-nirmal-fg)}:root{font-family:var(--font-family-sans);line-height:1.5;font-weight:400;color-scheme:light}body{margin:0;min-width:320px;min-height:100vh;font-size:var(--font-size-body);background-color:var(--color-bg-primary);color:var(--color-text-primary)}button,input,select,textarea{font-family:inherit;border-radius:var(--radius)}.tab-row{display:flex;gap:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem;align-items:center;flex-wrap:wrap}.tab-btn{padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:var(--radius)}.tab-btn:hover:not(:disabled){background:var(--color-bg-primary);border-color:#cbd5e1}.tab-btn:disabled{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text);cursor:default;font-weight:600}.tab-btn.tab-reference{background:transparent;border-color:transparent}.tab-btn.tab-reference:hover:not(:disabled){background:var(--color-bg-surface);border-color:var(--color-border)}.tab-btn.tab-reference:disabled{background:var(--color-bg-surface);border-color:var(--color-border);color:var(--color-accent)}.tab-divider{width:2px;height:24px;background:var(--color-border);margin:0 var(--spacing-2)}.login-wrapper{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app-layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.connectivity-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);font-size:.875rem;font-weight:500;position:sticky;top:0;z-index:1000;box-sizing:border-box;width:100%;text-align:center}.connectivity-banner-offline{background-color:var(--color-danger-bg, #fee2e2);color:var(--color-danger-text, #991b1b);border-bottom:2px solid var(--color-danger-border, #ef4444)}.connectivity-banner-restored{background-color:#d1fae5;color:#065f46;border-bottom:2px solid #10b981}.connectivity-banner-signed-out{background-color:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e);border-bottom:2px solid var(--color-warning-border, #f59e0b)}.connectivity-banner-icon{font-size:1.125rem;line-height:1}.connectivity-banner-text{line-height:1.4}.connectivity-banner-btn{background-color:var(--color-bg-surface, #ffffff);border:1px solid currentColor;color:inherit;padding:3px 10px;border-radius:var(--radius-sm, 4px);font-size:.8125rem;font-weight:600;cursor:pointer;margin-left:var(--spacing-2);transition:opacity .15s ease}.connectivity-banner-btn:hover{opacity:.85}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-header-bg);border-bottom:var(--border-width) solid var(--color-header-border);box-sizing:border-box}.app-logo{font-weight:600;font-size:1.125rem;color:var(--color-text-primary)}.app-user-controls{display:flex;align-items:center;gap:var(--spacing-4)}.app-role-badge{font-size:.875rem;color:var(--color-text-secondary);background-color:var(--color-bg-primary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);border:var(--border-width) solid var(--color-border);text-transform:capitalize}.app-logout-button{background-color:var(--color-bg-surface);color:var(--color-text-primary);border:var(--border-width) solid var(--color-border);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.app-logout-button:hover{background-color:var(--color-bg-primary);border-color:var(--color-text-secondary)}.app-main{flex:1;padding:var(--spacing-4);box-sizing:border-box;overflow-x:auto}.board-table-wrapper{overflow-x:auto;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-surface);margin-bottom:var(--spacing-4)}.board-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left;font-variant-numeric:tabular-nums}section>h2,section>div>p{font-variant-numeric:tabular-nums}.board-table thead th{background-color:var(--color-table-header-bg);color:var(--color-text-secondary);font-weight:600;padding:var(--spacing-3) var(--spacing-4);border-bottom:var(--border-width) solid var(--color-border);white-space:nowrap;position:sticky;top:0;z-index:5}.board-table tbody td{padding:var(--spacing-3) var(--spacing-4);border-bottom:var(--border-width) solid var(--color-border);color:var(--color-text-primary)}.board-table tbody tr:last-child td{border-bottom:none}.board-table tbody tr.main-row{transition:background-color .15s ease}.board-table tbody tr.main-row:hover{background-color:var(--color-table-row-hover)}.board-table tbody tr.expanded-row td{background-color:var(--color-bg-primary);padding:var(--spacing-4)}.board-table tbody tr.main-row.search-highlight{animation:search-highlight-flash 2s ease-out}@keyframes search-highlight-flash{0%,40%{background-color:var(--color-warning-bg, #fef9c3)}to{background-color:transparent}}@media (max-width: 900px){.app-header{padding:var(--spacing-2) var(--spacing-4)}.app-main{padding:var(--spacing-3);max-width:100vw;overflow-x:hidden}section{padding:var(--spacing-4)!important}input[type=checkbox]{width:20px;height:20px;cursor:pointer}.board-table td[style*="cursor: pointer"]{font-size:1.25rem;padding:var(--spacing-4)!important}button{min-height:40px}.board-table button{padding:var(--spacing-2) var(--spacing-3)!important}}.appearance-menu{position:relative}.appearance-button{height:var(--btn-h);padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--bar-border);border-radius:var(--radius-control);background:transparent;color:var(--bar-text);font-size:var(--font-size-small);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s}.appearance-button:hover{background:var(--bar-hover)}.appearance-button:focus-visible,.appearance-option:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.appearance-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:264px;padding:10px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);transform-origin:top right;animation:appearance-pop .16s cubic-bezier(.2,.8,.2,1)}.appearance-label{font-size:var(--font-size-label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.appearance-group{display:flex;flex-direction:column;gap:2px}.appearance-option{width:100%;min-height:var(--btn-h);padding:7px 8px;display:flex;align-items:center;gap:10px;border:none;border-radius:var(--radius-control);background:transparent;color:var(--text);font-size:var(--font-size-body);text-align:left;cursor:pointer;transition:background-color .12s}.appearance-option:hover{background:var(--bg-subtle)}.appearance-option[aria-checked=true]{background:var(--accent-soft)}.appearance-swatch{position:relative;width:22px;height:22px;flex-shrink:0;overflow:hidden;border-radius:999px;box-shadow:inset 0 0 0 1px var(--border-strong)}.appearance-swatch i{position:absolute;top:0;right:0;bottom:0;left:0}.appearance-swatch i+i{left:50%}.appearance-option-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.appearance-option-name{font-weight:600}.appearance-option-text small{font-size:var(--font-size-label);color:var(--text-faint)}.appearance-tick{flex-shrink:0;color:var(--accent);opacity:0}.appearance-option[aria-checked=true] .appearance-tick{opacity:1}@keyframes appearance-pop{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}@media (max-width: 760px){.appearance-button-name{display:none}}@media (prefers-reduced-motion: reduce){.appearance-menu *,.appearance-menu *:before,.appearance-menu *:after{transition:none!important;animation:none!important}}