*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#0972d3;--color-primary-hover:#065bab;--color-primary-soft:#eff6ff;--color-on-primary:#fff;--color-accent:#0972d3;--color-text:#374151;--color-text-muted:#5b6676;--color-border:#e5e7eb;--color-bg:#fff;--color-surface:#fff;--color-surface-sunken:#f9fafb;--color-danger:#dc2626;--color-danger-text:#991b1b;--color-danger-soft:#fef2f2;--color-success:#059669;--color-success-soft:#ecfdf5;--color-warning-text:#92400e;--color-warning-soft:#fffbeb;--focus-ring:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-accent);--status-todo-bg:#eceff1;--status-todo-fg:#455a64;--status-doing-bg:#d6e8ff;--status-doing-fg:#0b4d93;--status-review-bg:#fff0c7;--status-review-fg:#6d4c00;--status-done-bg:#d3f0dd;--status-done-fg:#14612f;--status-hold-bg:#f3e2f7;--status-hold-fg:#6c2a7d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@keyframes spin{to{transform:rotate(360deg)}}.hamburger-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:44px;height:40px;min-height:44px;font-size:22px;display:none}.hamburger-btn:hover{background:#ffffff1a}.mobile-drawer-scrim{display:none}.mobile-drawer{color:#fff;z-index:200;overscroll-behavior:contain;touch-action:none;width:260px;max-width:80vw;height:100dvh;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);background:#232f3e;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 12px #0000004d}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 16px 16px;display:flex}.mobile-drawer-title{margin:0;font-size:15px;font-weight:500}.mobile-drawer-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:40px;min-width:44px;height:40px;min-height:44px;font-size:20px;display:flex}.mobile-drawer-close:hover{background:#ffffff1a}.mobile-drawer-nav{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;gap:2px;padding:0 8px;display:flex;overflow-y:auto}.mobile-drawer-item{text-align:left;color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;border-radius:6px;align-items:center;width:100%;min-height:44px;padding:12px;font-size:14px;display:flex}.mobile-drawer-item.active{opacity:1;background:#ffffff26;font-weight:500}.mobile-drawer-footer{padding:12px 8px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ffffff26;flex-direction:column;gap:2px;margin-top:auto;display:flex}.mobile-drawer-user{opacity:.7;overflow-wrap:break-word;padding:8px 12px;font-size:13px}.bottom-nav{display:none}.bottom-nav-item{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:6px 4px;font-size:10px;line-height:1.2;display:flex}.bottom-nav-item .bottom-nav-icon{font-size:18px;line-height:1}.bottom-nav-item.active{color:#fff}.topbar-app-name{white-space:nowrap;flex-shrink:0}.topbar-heading{color:#fffc;white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #ffffff40;min-width:0;margin:0;padding-left:12px;font-size:14px;font-weight:400;overflow:hidden}@media (width<=768px){.hamburger-btn{display:flex}.desktop-nav{display:none!important}.topbar-app-name{display:none}.topbar-actions{display:none!important}.mobile-drawer-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:199;touch-action:none;background:#0006;display:block;position:fixed;inset:0}.bottom-nav{z-index:100;padding:4px 4px calc(4px + env(safe-area-inset-bottom));padding-left:calc(4px + env(safe-area-inset-left));padding-right:calc(4px + env(safe-area-inset-right));background:#232f3e;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #00000026}.app-main-content{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}.mobile-drawer.open~.bottom-nav{pointer-events:none}}.management-menu{color:#fff;font-size:13px;position:relative}.management-menu summary{cursor:pointer;border-radius:4px;padding:8px 14px}.management-menu[open] summary{background:#ffffff26}.management-menu-items{z-index:40;background:#fff;border:1px solid #d4dde6;border-radius:6px;min-width:260px;padding:8px;position:absolute;top:100%;right:0;box-shadow:0 8px 20px #232f3e26}.management-menu-items button{text-align:left;color:#232f3e;width:100%;font:inherit;cursor:pointer;background:#fff;border:0;padding:12px;display:block}.management-menu-items button:hover{background:#eef5fa}.drawer-section-label{color:#c1d4e3;padding:14px 16px 5px;font-size:12px}.app-directory{color:#232f3e}.directory-intro{border-bottom:2px solid #225a45;justify-content:space-between;align-items:center;gap:24px;padding:12px 0 28px;display:flex}.directory-purpose{letter-spacing:.02em;color:#225a45;margin-bottom:10px;font-size:28px;font-weight:700}.directory-intro p:last-child{max-width:65ch;font-size:14px;line-height:1.8}.directory-manage{color:#225a45;white-space:nowrap;font:inherit;cursor:pointer;background:#fff;border:1px solid #adbfba;border-radius:5px;padding:10px 16px}.directory-controls{align-items:flex-end;gap:16px;margin:24px 0 16px;display:flex}.directory-controls label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.directory-search{flex:1}.directory-controls input,.directory-controls select{font:inherit;color:#232f3e;background:#fff;border:1px solid #a8bac7;border-radius:5px;min-height:44px;padding:11px 12px}.directory-controls button{min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #a8bac7;border-radius:5px;padding:11px 16px}.directory-filters{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.directory-filters button{color:#475569;font:inherit;cursor:pointer;background:#fff;border:0;border-bottom:3px solid #0000;padding:10px 15px;font-size:14px}.directory-filters button[aria-pressed=true]{color:#225a45;border-bottom-color:#225a45;font-weight:700}.directory-note{color:#526477;max-width:80ch;font-size:12px;line-height:1.8}.directory-count{color:#526477;margin:20px 0 10px;font-size:13px}.directory-list{border-top:1px solid #dbe3e9;padding:0;list-style:none}.directory-app{border-bottom:1px solid #dbe3e9;align-items:center;gap:12px;padding:4px 8px;display:flex}.directory-app-symbol{color:#225a45;text-align:center;flex-shrink:0;width:24px;font-size:20px}.directory-app-info{flex:1;min-width:0}.directory-department{color:#526477;font-size:12px}.directory-app-info h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;line-height:20px;overflow:hidden}.directory-app-name{color:inherit;text-decoration:none}.directory-app-name:hover,.directory-app-name:focus-visible{color:#0972d3;text-decoration:underline}.directory-app-info p{display:none}.directory-app-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.directory-favorite{color:#8a611c;cursor:pointer;background:#fff;border:0;border-radius:5px;width:44px;height:44px;font-size:24px}.directory-open{box-sizing:border-box;color:#fff;white-space:nowrap;background:#0972d3;border-radius:5px;justify-content:center;align-items:center;height:44px;padding:0 18px;font-size:14px;text-decoration:none;display:inline-flex}.directory-state{padding:32px 0;font-size:14px;line-height:1.8}.directory-state button{font:inherit;cursor:pointer;margin-top:8px;padding:10px 16px}.directory-storage{margin-top:24px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-directory :focus-visible,.management-menu :focus-visible{outline-offset:3px;outline:3px solid #0972d3}.app-directory button:disabled{opacity:.6;cursor:wait}.permission-summary{color:#232f3e;background:#f6f9fa;border:1px solid #b6cbd7;border-left:4px solid #225a45;border-radius:4px;margin:16px 0;padding:16px;font-size:13px;line-height:1.7}.permission-summary-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.permission-summary-heading h3{margin:0;font-size:15px}.permission-summary-heading span{color:#526477;font-size:12px}.permission-summary dl{grid-template-columns:minmax(140px,1fr) 2fr;display:grid}.permission-summary dt,.permission-summary dd{overflow-wrap:anywhere;border-top:1px solid #dbe3e9;margin:0;padding:9px 0}.permission-summary dt{padding-right:14px;font-weight:600}.permission-summary small{color:#526477;font-size:12px;display:block}.permission-summary-warning{color:#714b13;background:#fff7e7;border-left:3px solid #ad7625;margin-top:10px;padding:10px}.permission-summary-note{color:#526477;margin-top:10px;font-size:12px}@media (width<=768px){.directory-intro{padding-top:4px;display:block}.directory-purpose{font-size:24px}.directory-manage{margin-top:16px}.directory-controls{flex-wrap:wrap;gap:12px}.directory-search{flex-basis:100%}.directory-controls label:nth-child(2){flex:1}.directory-controls select{max-width:100%}.directory-app{gap:8px;padding:4px 0}.directory-app-symbol{display:none}.directory-department{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.directory-app-actions{gap:4px}.directory-open{padding-inline:10px;font-size:12px}.permission-summary-heading,.permission-summary dl{display:block}.permission-summary dt{padding-bottom:0}.permission-summary dd{border-top:0;padding-top:2px}.topbar-app-name{display:block}}.action-menu-trigger{color:#526477;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.action-menu-trigger:hover{background:#eef5fa}.action-menu-trigger:focus-visible,.action-menu-panel button:focus-visible{outline-offset:1px;outline:2px solid #0972d3}.action-menu-panel{z-index:1800;box-sizing:border-box;overscroll-behavior:contain;text-align:left;background:#fff;border:1px solid #d4dde6;border-radius:6px;width:228px;max-width:calc(100vw - 16px);padding:6px;position:fixed;overflow-y:auto;box-shadow:0 6px 20px #232f3e26}.action-menu-panel button{box-sizing:border-box;width:100%;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:4px;font-size:13px;display:block;border:0!important;padding:10px 12px!important}.action-menu-panel button:hover{background:#eef5fa!important}.action-menu-panel button:disabled{opacity:.5;cursor:wait}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;font-size:12px;font-weight:600;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status-badge.is-todo{background:var(--status-todo-bg);color:var(--status-todo-fg)}.status-badge.is-doing{background:var(--status-doing-bg);color:var(--status-doing-fg)}.status-badge.is-review{background:var(--status-review-bg);color:var(--status-review-fg)}.status-badge.is-done{background:var(--status-done-bg);color:var(--status-done-fg)}.status-badge.is-hold{background:var(--status-hold-bg);color:var(--status-hold-fg)}@media (width<=900px),(orientation:portrait) and (width<=1080px){.fleet-sidebar{z-index:310;visibility:hidden;width:min(300px,86vw);height:100dvh;max-height:100dvh;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.fleet-sidebar.fleet-open{visibility:visible;transform:translate(0)}.fleet-sidebar-head{min-height:calc(60px + env(safe-area-inset-top,0px))}.fleet-collapse{display:none}.fleet-drawer-close,.fleet-menu{display:inline-flex}.fleet-menu{margin-left:-8px}.fleet-mobile-brand{flex:1;align-items:center;gap:8px;min-width:0;font-size:16px;font-weight:700;display:flex}.fleet-mobile-brand>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fleet-heading{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.fleet-topbar{gap:8px;padding-inline:16px}.fleet-account{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.fleet-sidebar{transition:none}}@media (width<=900px),(orientation:portrait) and (width<=1080px){.fleet-content .bottom-nav{display:block}.fleet-theme-dx .bottom-nav,.fleet-theme-contractor .bottom-nav,.fleet-content .mobile-bottom-nav,.fleet-content .nav-bottom{display:flex}.fleet-sidebar{box-shadow:0 12px 32px #00000029}}@media (width<=900px),(orientation:portrait) and (width<=1080px){.fleet-scrim{z-index:1400}.fleet-sidebar,.fleet-theme-pecopin .fleet-sidebar{z-index:1500}.fleet-theme-pecopin .fleet-sidebar{height:100dvh}}@media (width<=900px),(orientation:portrait) and (width<=1080px){.fleet-content>.bottom-nav,.fleet-content>.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;left:0;right:0}.fleet-theme-vendor .bottom-nav{display:flex}.fleet-theme-iot .wide{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.fleet-theme-dx .app-main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}}:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px)}.fleet-shell .fleet-topbar{padding-top:var(--safe-area-top);padding-right:max(24px, var(--safe-area-right));padding-left:max(24px, var(--safe-area-left));min-height:calc(60px + var(--safe-area-top))}.fleet-shell .fleet-sidebar-head{padding-top:var(--safe-area-top);padding-left:max(16px, var(--safe-area-left));min-height:calc(60px + var(--safe-area-top))}.fleet-shell .fleet-profile-overlay{padding-top:max(20px, var(--safe-area-top));padding-right:max(20px, var(--safe-area-right));padding-bottom:max(20px, var(--safe-area-bottom));padding-left:max(20px, var(--safe-area-left))}.fleet-shell .fleet-profile{max-height:100%}@media (width<=900px),(orientation:portrait) and (width<=1080px){.fleet-shell .fleet-topbar{padding-right:max(16px, var(--safe-area-right));padding-left:max(16px, var(--safe-area-left))}.fleet-shell .fleet-menu{margin-left:0}.fleet-shell .fleet-nav,.fleet-shell .fleet-account{padding-left:max(8px, var(--safe-area-left))}.fleet-shell .fleet-account{padding-bottom:calc(8px + var(--safe-area-bottom))}.fleet-shell .fleet-content{padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.fleet-shell .bottom-nav,.fleet-shell .mobile-bottom-nav,.fleet-shell .nav-bottom{padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);padding-bottom:var(--safe-area-bottom)}.fleet-theme-dx .bottom-nav{background:var(--fleet-bg);box-shadow:0 -2px 8px #00000026}.fleet-shell input:not([type=checkbox]):not([type=radio]),.fleet-shell select,.fleet-shell textarea{font-size:16px}html{scroll-padding-top:calc(60px + var(--safe-area-top));scroll-padding-bottom:calc(80px + var(--safe-area-bottom))}}.fb-root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-full:999px;--text-xs:.75rem;--text-sm:.8125rem;--text-md:1rem;--text-lg:1.125rem;--dur:.2s;--dur-slow:.3s;--ease:cubic-bezier(.4, 0, .2, 1);--bg-elevated:#fff;--surface:#fff;--surface-hover:#f1f5f9;--surface-sunken:#f8fafc;--border:#e2e8f0;--border-strong:#d1d5db;--text:#1e293b;--text-secondary:#475569;--text-muted:#6b7280;--accent:#0972d3;--accent-fill:#0972d3;--accent-fill-hover:#065bab;--accent-soft:#0972d31a;--accent-on-fill:#fff;--success:#16a34a;--success-soft:#16a34a1a;--warn:#b45309;--warn-soft:#f59e0b24;--danger:#dc2626;--danger-soft:#dc262614;--info:#0972d3;--info-soft:#0972d314;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--shadow-xl:0 20px 48px #0f172a2e;color:var(--text)}.fb-root .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}.fb-root .card-title{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-md);font-size:var(--text-lg);color:var(--text);flex-wrap:wrap;display:flex}.fb-root .card-title .icon{color:var(--accent);flex:none}.fb-root .section-sub{margin:0 0 var(--space-md);font-size:var(--text-sm);color:var(--text-muted);line-height:1.7}.fb-root .section-heading{align-items:center;gap:var(--space-xs);margin:0 0 var(--space-sm);font-size:var(--text-md);color:var(--text);font-weight:600;display:flex}.fb-root .muted{color:var(--text-muted);font-size:var(--text-sm)}.fb-root .small{font-size:var(--text-xs)}.fb-root .mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.fb-root .btn{justify-content:center;align-items:center;gap:var(--space-sm);font:inherit;border-radius:var(--radius);padding:var(--space-sm) var(--space-lg);cursor:pointer;min-height:44px;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border:1px solid #0000;font-weight:600;display:inline-flex}.fb-root .btn:hover:not(:disabled){box-shadow:var(--shadow-md)}.fb-root .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.fb-root .btn:focus-visible,.fb-root .icon-btn:focus-visible,.fb-root .feedback-card:focus-visible,.fb-root .notif-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fb-root .btn-sm{padding:var(--space-xs) var(--space-md);min-height:36px;font-size:var(--text-sm)}.fb-root .btn-primary{background:var(--accent-fill);color:var(--accent-on-fill)}.fb-root .btn-primary:hover:not(:disabled){background:var(--accent-fill-hover)}.fb-root .btn-ghost{color:var(--text-secondary);border-color:var(--border-strong);background:0 0}.fb-root .btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.fb-root .spinner-inline{width:14px;height:14px;margin-right:var(--space-xs);border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;animation:.7s linear infinite fb-spin;display:inline-block}@keyframes fb-spin{to{transform:rotate(360deg)}}.fb-root .form-grid{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.fb-root .form-grid label{gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary);flex-direction:column;font-weight:600;display:flex}.fb-root .form-grid select{font:inherit;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);min-height:40px;font-weight:400}.fb-root .field-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:600;display:block}.fb-root .field-input{box-sizing:border-box;width:100%;font:inherit;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);min-height:44px;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}.fb-root .field-input:hover:not(:disabled){border-color:var(--accent)}.fb-root .field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.fb-root .field-input:disabled{opacity:.5;cursor:not-allowed}.fb-root select.field-input{cursor:pointer}.fb-root textarea.field-input{resize:vertical;min-height:96px;line-height:1.6}.fb-root .row-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.fb-root .row-actions.end{justify-content:flex-end}.fb-root .error-text{align-items:center;gap:var(--space-xs);color:var(--danger);font-size:var(--text-xs);margin:var(--space-xs) 0 0;display:flex}.fb-root .alert{align-items:flex-start;gap:var(--space-sm);border-radius:var(--radius);padding:var(--space-md);margin:0 0 var(--space-md);font-size:var(--text-sm);border:1px solid #0000;display:flex}.fb-root .alert .icon{flex:none;margin-top:2px}.fb-root .alert-error{background:var(--danger-soft);border-color:var(--danger);color:var(--text)}.fb-root .alert-error .icon{color:var(--danger)}.fb-root .badge{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);border-radius:var(--radius-full);padding:1px var(--space-sm);white-space:nowrap;border:1px solid #0000;font-weight:600;display:inline-flex}.fb-root .badge-pending{background:var(--info-soft);border-color:var(--info);color:var(--info)}.fb-root .badge-warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.fb-root .badge-approved{background:var(--success-soft);border-color:var(--success);color:var(--success)}.fb-root .badge-rejected{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-muted)}.fb-root .modal-overlay{padding:var(--space-md);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fb-root .modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);box-sizing:border-box;width:min(94vw,480px);max-height:90vh;box-shadow:var(--shadow-xl);color:var(--text);text-align:left;overflow-y:auto}.fb-root .modal-title{margin:0 0 var(--space-sm);font-size:var(--text-md);color:var(--text)}.fb-root .feedback-list{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.fb-root .feedback-card{gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;display:flex}.fb-root .feedback-card:hover{border-color:var(--accent);transform:translateY(-1px)}.fb-root .feedback-card-header{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.fb-root .feedback-card-meta{gap:var(--space-sm);color:var(--text-secondary);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;display:flex}.fb-root .attachment-list{gap:var(--space-sm);margin:var(--space-sm) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.fb-root .attachment-item{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:1px solid var(--border);border-radius:var(--radius);word-break:break-all;flex-direction:column;max-width:140px;display:flex}.fb-root .attachment-thumb{object-fit:cover;border-radius:var(--radius);background:var(--surface-hover);width:96px;height:96px}.fb-root .attachment-gallery{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.fb-root .attachment-gallery img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);cursor:zoom-in;width:140px;height:140px}.fb-root .feedback-comment{padding:var(--space-sm) var(--space-md);border-left:3px solid var(--border);margin-top:var(--space-sm)}.fb-root .feedback-comment-status{border-left-color:var(--accent)}.fb-root .feedback-comment-header{gap:var(--space-sm);font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;align-items:baseline;display:flex}.fb-root .icon-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:relative}.fb-root .icon-btn:hover{background:#ffffff26}.fb-root .topbar-badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 3px;font-size:.62rem;font-weight:700;line-height:16px;position:absolute;top:-5px;right:-5px;box-shadow:0 0 0 2px #232f3e}.fb-root .notif-item{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-sunken);color:inherit;text-align:left;cursor:pointer;font:inherit;flex-direction:column;gap:2px;display:flex}.fb-root .notif-item:hover{background:var(--surface-hover);border-color:var(--border-strong)}.fb-root .notif-title{color:var(--text);font-weight:600}.fb-root .notif-body{font-size:var(--text-xs);color:var(--text-muted)}@media (width<=480px){.fb-root .card{padding:var(--space-md)}}@media (prefers-reduced-motion:reduce){.fb-root .spinner-inline{animation-duration:1.5s}.fb-root .feedback-card:hover{transform:none}}.fleet-shell{--fleet-bg:#fff;--fleet-text:var(--ink,#1f2937);--fleet-muted:var(--muted,#6b7280);--fleet-border:var(--line,#e5e9f0);--fleet-accent:var(--blue-700,#1976d2);--fleet-hover:var(--blue-100,#e3f0fd);--fleet-active-text:#fff;--fleet-header-bg:var(--fleet-bg);--fleet-header-text:var(--fleet-text);width:100%;min-height:100dvh;display:flex}.fleet-theme-dx{--fleet-bg:#232f3e;--fleet-text:#fff;--fleet-muted:#c1d4e3;--fleet-border:#ffffff26;--fleet-accent:#0972d3;--fleet-hover:#ffffff26}.fleet-theme-iot{--fleet-bg:var(--bg-elevated);--fleet-text:var(--text);--fleet-muted:var(--text-secondary);--fleet-border:var(--border);--fleet-accent:var(--accent-fill);--fleet-hover:var(--surface-hover);--fleet-active-text:var(--accent-on-fill)}.fleet-theme-pecopin{--fleet-bg:#fff;--fleet-text:#333;--fleet-muted:#777;--fleet-border:#eee;--fleet-accent:#7a6a59;--fleet-hover:#f0f0f0;--fleet-header-bg:#8d7b68;--fleet-header-text:#fff}.fleet-sidebar{background:var(--fleet-bg);width:240px;height:100dvh;color:var(--fleet-text);border-right:1px solid var(--fleet-border);z-index:90;flex-direction:column;flex:none;display:flex;position:sticky;top:0}.fleet-sidebar.fleet-rail{width:64px}.fleet-sidebar-head{min-height:60px;padding:env(safe-area-inset-top,0px) 8px 0 16px;border-bottom:1px solid var(--fleet-border);flex-shrink:0;align-items:center;gap:8px;display:flex}.fleet-logo{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.fleet-logo img,.fleet-logo>svg{object-fit:contain;border-radius:6px;width:100%;height:100%}.fleet-brand-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.fleet-icon-button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.fleet-icon-button:hover,.fleet-user:hover{background:var(--fleet-hover)}.fleet-icon-button:focus-visible,.fleet-nav-item:focus-visible,.fleet-user:focus-visible,.fleet-account-panel button:focus-visible{outline:2px solid var(--fleet-accent);outline-offset:1px}.fleet-collapse{margin-left:auto}.fleet-rail .fleet-sidebar-head{justify-content:center;padding-inline:8px}.fleet-rail .fleet-collapse{margin:0}.fleet-drawer-close,.fleet-menu,.fleet-mobile-brand{display:none}.fleet-nav{overscroll-behavior:contain;flex:1;padding:8px;overflow-y:auto}.fleet-section{margin-bottom:16px}.fleet-section-title{color:var(--fleet-muted);padding:8px 8px 4px;font-size:12px;font-weight:700}.fleet-nav-item{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 8px;font-size:14px;display:flex}.fleet-nav-item:hover{background:var(--fleet-hover)}.fleet-nav-item.fleet-active{background:var(--fleet-accent);color:var(--fleet-active-text);font-weight:600}.fleet-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:22px;display:inline-flex}.fleet-nav-icon svg{width:18px;height:18px}.fleet-nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.fleet-count{background:var(--fleet-hover);color:var(--fleet-text);border-radius:10px;margin-left:auto;padding:1px 5px;font-size:11px}.fleet-rail .fleet-nav-item{justify-content:center;padding-inline:0;position:relative}.fleet-rail .fleet-count{font-size:9px;position:absolute;top:0;right:0}.fleet-account{border-top:1px solid var(--fleet-border);flex-shrink:0;padding:8px;position:relative}.fleet-account-row{align-items:center;gap:4px;display:flex}.fleet-user{min-width:0;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:8px;padding:4px;display:flex}.fleet-avatar{background:var(--fleet-accent);width:36px;height:36px;color:var(--fleet-active-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.fleet-user-text{flex-direction:column;min-width:0;display:flex}.fleet-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.fleet-user-role{color:var(--fleet-muted);font-size:12px}.fleet-rail .fleet-user{justify-content:center}.fleet-account-panel{z-index:130;border:1px solid var(--fleet-border);background:var(--fleet-bg);color:var(--fleet-text);border-radius:12px;outline:none;padding:8px;position:absolute;bottom:calc(100% + 8px);left:8px;right:8px;box-shadow:0 12px 32px #00000029}.fleet-rail .fleet-account-panel{width:240px;bottom:8px;left:calc(100% + 8px);right:auto}.fleet-account-summary{border-bottom:1px solid var(--fleet-border);overflow-wrap:anywhere;flex-direction:column;gap:3px;margin-bottom:4px;padding:8px;font-size:13px;display:flex}.fleet-account-summary span{color:var(--fleet-muted);font-size:12px}.fleet-account-panel button{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px;font-size:14px;display:flex}.fleet-account-panel button:hover{background:var(--fleet-hover)}.fleet-main{flex-direction:column;flex:1;min-width:0;display:flex}.fleet-topbar{min-height:calc(60px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 24px 0;z-index:80;border-bottom:1px solid var(--fleet-border);background:var(--fleet-header-bg);color:var(--fleet-header-text);align-items:center;gap:12px;display:flex;position:sticky;top:0}.fleet-heading{min-width:0}.fleet-heading h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.fleet-heading p{color:var(--fleet-muted);margin:0;font-size:12px}.fleet-topbar-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.fleet-content{flex-direction:column;flex:1;min-width:0;display:flex}.fleet-scrim{z-index:300;background:#0006;border:0;position:fixed;inset:0}.fleet-profile-overlay{z-index:600;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.fleet-profile{background:var(--fleet-bg);width:min(460px,100%);max-height:85dvh;color:var(--fleet-text);border-radius:12px;outline:none;padding:24px;overflow-y:auto}.fleet-profile h2{margin:0 0 16px;font-size:18px}.fleet-profile dl>div{border-bottom:1px solid var(--fleet-border);grid-template-columns:90px 1fr;gap:12px;padding:10px 0;display:grid}.fleet-profile dt{color:var(--fleet-muted)}.fleet-profile dd{overflow-wrap:anywhere;margin:0}.fleet-profile-close{border:1px solid var(--fleet-border);background:var(--fleet-accent);color:var(--fleet-active-text);cursor:pointer;border-radius:8px;margin-top:16px;padding:8px 16px}@media (width<=900px),(orientation:portrait) and (width<=1080px){.fleet-sidebar{z-index:310;visibility:hidden;width:min(300px,86vw);height:100dvh;max-height:100dvh;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.fleet-sidebar.fleet-open{visibility:visible;transform:translate(0)}.fleet-sidebar-head{min-height:calc(60px + env(safe-area-inset-top,0px))}.fleet-collapse{display:none}.fleet-drawer-close,.fleet-menu{display:inline-flex}.fleet-menu{margin-left:-8px}.fleet-mobile-brand{flex:1;align-items:center;gap:8px;min-width:0;font-size:16px;font-weight:700;display:flex}.fleet-mobile-brand>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fleet-heading{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.fleet-topbar{gap:8px;padding-inline:16px}.fleet-account{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.fleet-sidebar{transition:none}}.fleet-theme-hiyari .fleet-sidebar,.fleet-theme-vendor .fleet-sidebar{background:linear-gradient(180deg,#fff 0%,var(--blue-050) 100%)}.fleet-theme-pecopin{--fleet-accent:#d97373;--fleet-border:#e0e0e0}.fleet-theme-pecopin .fleet-brand-name{color:#5c4a3a}.fleet-theme-contractor{--fleet-bg:var(--blue-700);--fleet-text:#fff;--fleet-muted:#ffffffbf;--fleet-border:#ffffff2e;--fleet-hover:#ffffff1f;--fleet-header-bg:#fff;--fleet-header-text:var(--ink)}.fleet-theme-contractor .fleet-sidebar{background:linear-gradient(180deg,var(--blue-700) 0%,var(--blue-900) 100%)}.fleet-theme-contractor .fleet-nav-item.fleet-active{background:#ffffff38}.fleet-theme-contractor .fleet-avatar{color:var(--blue-700);background:#fff}.fleet-theme-contractor .fleet-topbar{border-color:var(--line)}.fleet-theme-hiyari .fleet-brand-name,.fleet-theme-vendor .fleet-brand-name{color:var(--blue-900)}.fleet-theme-pecopin{flex:1;height:100%;min-height:0;overflow:hidden}.fleet-theme-pecopin .fleet-main,.fleet-theme-pecopin .fleet-content{min-height:0;overflow:hidden}.fleet-theme-pecopin .fleet-sidebar{height:100%}.fleet-theme-pecopin .fleet-topbar{flex-shrink:0;position:relative}.fleet-content .bottom-nav,.fleet-content .mobile-bottom-nav,.fleet-content .nav-bottom{display:none}@media (width<=900px),(orientation:portrait) and (width<=1080px){.fleet-content .bottom-nav{display:block}.fleet-theme-dx .bottom-nav,.fleet-theme-contractor .bottom-nav,.fleet-content .mobile-bottom-nav,.fleet-content .nav-bottom{display:flex}.fleet-sidebar{box-shadow:0 12px 32px #00000029}}.fleet-content .bottom-nav,.fleet-content .mobile-bottom-nav{z-index:60}.fleet-profile-overlay{z-index:2000}.fleet-theme-pecopin .fleet-topbar{z-index:1000}.fleet-theme-pecopin .fleet-sidebar{z-index:1100}@media (width<=900px),(orientation:portrait) and (width<=1080px){.fleet-scrim{z-index:1400}.fleet-sidebar,.fleet-theme-pecopin .fleet-sidebar{z-index:1500}.fleet-theme-pecopin .fleet-sidebar{height:100dvh}}.fleet-content>main{width:100%;min-width:0}.fleet-theme-dx .fleet-content{background:#f5f5f5}.fleet-theme-iot .fleet-nav-item.fleet-active{background:var(--accent-soft);color:var(--accent)}@media (width<=900px),(orientation:portrait) and (width<=1080px){.fleet-content>.bottom-nav,.fleet-content>.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;left:0;right:0}.fleet-theme-vendor .bottom-nav{display:flex}.fleet-theme-iot .wide{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.fleet-theme-dx .app-main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}}.fleet-theme-dx .fleet-nav-item{border-radius:4px;font-size:13px}.fleet-theme-dx .fleet-nav-item.fleet-active{color:#fff;background:#ffffff26}.fleet-theme-dx .fleet-heading h1{color:#fffc;font-size:14px;font-weight:400}