:root{--blue-900:#0d47a1;--blue-800:#1565c0;--blue-700:#1976d2;--blue-600:#1e88e5;--blue-100:#e3f0fd;--blue-050:#f4f8fe;--ink:#1f2937;--muted:#5b6472;--line:#e5e9f0;--bg:#f4f7fb;--danger:#dc2626;--danger-bg:#fef2f2;--ok:#15803d;--ok-bg:#f0fdf4;--color-primary:var(--blue-800);--color-primary-hover:var(--blue-900);--color-primary-soft:var(--blue-100);--color-on-primary:#fff;--color-accent:var(--blue-700);--color-text:var(--ink);--color-text-muted:var(--muted);--color-border:var(--line);--color-bg:var(--bg);--color-surface:#fff;--color-surface-sunken:var(--blue-050);--color-danger:var(--danger);--color-danger-text:#b91c1c;--color-danger-soft:var(--danger-bg);--color-success:var(--ok);--color-success-soft:var(--ok-bg);--color-warning-text:#b45309;--color-warning-soft:#fef3c7;--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}.status-badge{height:24px;font-size:var(--text-xs,12px);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 8px;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)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif}#root{flex-direction:column;min-height:100dvh;display:flex}.app-loading{min-height:100dvh;color:var(--muted);background:var(--bg);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--blue-100);border-top-color:var(--blue-700);border-radius:50%;width:36px;height:36px;margin-bottom:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-loading-wrap{flex-direction:column;align-items:center;display:flex}.signin-bg{background:radial-gradient(1200px 600px at 100% 0%, #1976d21f, transparent 60%), radial-gradient(900px 500px at 0% 100%, #0d47a11a, transparent 55%), var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.signin-card{background:#fff;border-radius:16px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 18px 48px #0d47a129}.signin-hero{text-align:center;background:linear-gradient(135deg, var(--blue-700) 0%, var(--blue-900) 100%);color:#fff;padding:44px 24px 34px}.signin-logo{border-radius:14px;width:56px;height:56px;margin:0 auto 14px;display:block;box-shadow:0 4px 14px #00000040}.signin-hero h1{letter-spacing:1px;margin:0;font-size:24px;font-weight:600}.signin-hero p{letter-spacing:.4px;opacity:.9;margin:8px 0 0;font-size:12.5px;font-weight:300}.no-break{white-space:nowrap}.signin-body{padding:30px 32px 26px}.alert{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.6}.alert-error{background:var(--danger-bg);color:#991b1b;border:1px solid #fecaca}.alert-info{background:var(--blue-050);color:var(--blue-800);border:1px solid var(--blue-100)}.alert-ok{background:var(--ok-bg);color:var(--ok);border:1px solid #bbf7d0}.btn-block{cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:background .18s,box-shadow .18s,transform 50ms}.btn-block:active{transform:translateY(1px)}.btn-block:disabled{opacity:.6;cursor:not-allowed}.btn-primary-blue{background:var(--blue-700);color:#fff;box-shadow:0 6px 16px #1976d247}.btn-primary-blue:hover:not(:disabled){background:var(--blue-800)}.btn-outline-blue{color:var(--blue-700);border:1.5px solid var(--blue-700);background:#fff}.btn-outline-blue:hover:not(:disabled){background:var(--blue-050)}.signin-hint{color:var(--muted);text-align:center;margin:8px 0 20px;font-size:12px}.signin-divider{text-align:center;margin:22px 0;position:relative}.signin-divider hr{border:none;border-top:1px solid var(--line)}.signin-divider span{color:#9ca3af;background:#fff;padding:0 12px;font-size:12px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.field-label{color:#374151;margin:14px 0 6px;font-size:13px;font-weight:500;display:block}.field-input{border:1px solid var(--line);box-sizing:border-box;border-radius:8px;width:100%;padding:11px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--blue-700);outline:none;box-shadow:0 0 0 3px #1976d226}.month-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.month-nav .btn-ghost{white-space:nowrap;padding:8px 12px}.month-nav-input{width:clamp(112px,32vw,160px);min-width:0}@media (width<=400px){.month-nav{gap:6px}.month-nav .btn-ghost{padding:7px 8px;font-size:.82rem}.month-nav-input{width:clamp(96px,30vw,140px);padding:8px 6px;font-size:.82rem}}@media (width<=640px){.field-input,.modal-body .field-input,select.field-input,.inline-form input,.inline-form select,.search-box input,.filter-select{font-size:16px}}.row-between{justify-content:space-between;align-items:center;margin-top:0;display:flex}.link-btn{color:var(--blue-700);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.link-btn:hover{color:var(--blue-900)}.signin-foot{text-align:center;color:#9ca3af;background:var(--blue-050);border-top:1px solid var(--line);padding:16px 20px 20px;font-size:12px}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-topbar{z-index:100;position:sticky;top:0}.app-header{padding:10px 20px;padding-top:calc(10px + env(safe-area-inset-top));padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right));background:linear-gradient(135deg, var(--blue-700) 0%, var(--blue-900) 100%);color:#fff;justify-content:space-between;align-items:center;display:flex;box-shadow:0 2px 10px #0d47a12e}.app-brand{cursor:pointer;letter-spacing:.5px;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:flex}.app-brand img{border-radius:20%;width:1.7em;height:1.7em;display:block}.ws-chip{color:#fff;font:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:6px;max-width:260px;margin-left:14px;padding:5px 10px;font-size:.82rem;display:inline-flex}.ws-chip:disabled{cursor:default}.ws-chip:not(:disabled):hover{background:#ffffff38}.ws-chip-global{cursor:default}.ws-chip-label{opacity:.8;white-space:nowrap;font-size:.68rem}.ws-chip-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.ws-chip-caret{opacity:.85;font-size:.7rem}.ws-select-list{flex-direction:column;gap:8px;display:flex}.ws-select-item{border:1px solid var(--line);width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;transition:border-color .14s,background .14s;display:flex}.ws-select-item:hover{border-color:var(--blue-700);background:var(--blue-050)}.ws-select-text{flex-direction:column;gap:3px;min-width:0;display:flex}.ws-select-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:700;overflow:hidden}.ws-select-sub{color:var(--muted);font-size:.78rem}.ws-select-chevron{color:var(--blue-700);flex-shrink:0;font-size:1.2rem}.ws-select-divider{color:var(--muted);letter-spacing:.03em;align-items:center;gap:10px;margin:20px 0 12px;font-size:.74rem;font-weight:700;display:flex}.ws-select-divider:before,.ws-select-divider:after{content:"";background:var(--line);flex:1;height:1px}.ws-select-item-admin{background:var(--blue-050)}.ws-select-item-admin:hover{background:var(--blue-100)}.app-nav{align-items:center;gap:6px;display:flex}.nav-btn{color:#e8f0fe;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;padding:7px 10px;font-size:.85rem;transition:all .18s}.nav-btn:hover{color:#fff;background:#fff3}.nav-btn.active{color:var(--blue-800);background:#fff;border-color:#fff;font-weight:600}.nav-btn.sign-out{border-color:#fff6}.nav-btn.sign-out:hover{color:var(--blue-900);background:#fffffff2}.user-chip{background:#ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:.82rem;display:flex}.user-chip .uname{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.user-avatar{width:28px;height:28px;color:var(--blue-800);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.role-pill{color:var(--blue-900);text-transform:uppercase;letter-spacing:.5px;background:#ffffffd9;border-radius:999px;padding:1px 7px;font-size:.66rem;font-weight:700}.app-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:24px}.view-as-banner{color:#92400e;text-align:center;background:#fef3c7;border-bottom:1px solid #fde68a;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px 16px;font-size:.85rem;display:flex}.view-as-banner-reset{color:#92400e;cursor:pointer;background:#fff;border:1px solid #d97706;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600}.view-as-banner-reset:hover{background:#fffbeb}.home-hero{border:1px solid var(--line);background:#fff;border-radius:16px;padding:40px;box-shadow:0 2px 12px #0d47a10f}.home-hero h1{color:var(--blue-900);margin-bottom:10px;font-size:1.5rem}.home-hero p{color:var(--muted);line-height:1.8}.home-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;display:grid}.home-card{background:var(--blue-050);border:1px solid var(--blue-100);cursor:pointer;border-radius:12px;padding:18px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.home-card:hover{border-color:var(--blue-700);background:var(--blue-100);transform:translateY(-2px);box-shadow:0 4px 14px #0d47a129}.home-card:active{box-shadow:none;transform:translateY(0)}.home-card:focus-visible{outline:2px solid var(--blue-700);outline-offset:2px}.home-card .num{color:var(--blue-700);font-size:1.8rem;font-weight:700}.home-card .lbl{color:var(--muted);margin-top:4px;font-size:.85rem}.home-section{margin-top:28px}.home-section-title{color:var(--blue-800);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line);margin:0 0 12px;padding-bottom:6px;font-size:.8rem;font-weight:700}.um-wrap{flex-direction:column;gap:20px;display:flex}.um-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.um-head>div{min-width:0}.um-wrap>.alert{margin-bottom:0}.um-head h2{color:var(--blue-900);font-size:1.3rem}.um-head p{color:var(--muted);margin-top:4px;font-size:.88rem}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 10px #0d47a10d}.card h3{color:var(--ink);margin-bottom:14px;font-size:1rem}.tabs{flex-wrap:wrap;gap:8px;display:flex}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.inline-form .field{flex-direction:column;flex:1;min-width:160px;display:flex}.inline-form label{color:var(--muted);margin-bottom:4px;font-size:12px}.inline-form input,.inline-form select{border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:14px}.inline-form input:focus,.inline-form select:focus{border-color:var(--blue-700);outline:none;box-shadow:0 0 0 3px #1976d21f}.btn{cursor:pointer;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:background .16s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-blue{background:var(--blue-700);color:#fff}.btn-blue:hover:not(:disabled){background:var(--blue-800)}.btn-ghost{border:1px solid var(--line);color:#374151;background:#fff}.btn-ghost:hover{background:var(--blue-050);border-color:var(--blue-100)}.btn-danger{color:var(--danger);background:#fff;border:1px solid #fecaca}.btn-danger:hover{background:var(--danger-bg)}.btn-xs{padding:4px 10px;font-size:12px;font-weight:500}.btn.btn-outline-blue{border:1.5px solid var(--blue-700);color:var(--blue-700);background:#fff}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.tbl{border-collapse:collapse;background:#fff;width:100%;font-size:.86rem}.tbl thead{background:var(--blue-050)}.tbl th{text-align:left;color:var(--blue-800);border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 14px;font-size:.78rem;font-weight:700}.tbl td{vertical-align:middle;border-bottom:1px solid #f1f4f9;padding:10px 14px}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:#fafcff}.cell-actions{flex-wrap:nowrap;gap:6px;display:flex}.muted-sm{color:var(--muted);font-size:.8rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.badge{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:700;display:inline-block}.badge-sso{background:var(--blue-100);color:var(--blue-800)}.badge-ext{color:#92400e;background:#fef3c7}.badge-on{color:#166534;background:#dcfce7}.badge-off{color:#991b1b;background:#fee2e2}.badge-fcp{color:#c2410c;background:#fff3e0}.mode-switch{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.tab,.mode-btn{border:1px solid var(--line);cursor:pointer;color:#374151;background:#fff;border-radius:8px;padding:8px 16px;font-size:13px}.tab.active,.mode-btn.active{background:var(--blue-050);border-color:var(--blue-700);color:var(--blue-700);font-weight:600}.chip-toggle-row{flex-wrap:wrap;gap:8px;display:flex}.chip-toggle{border:1px solid var(--line);cursor:pointer;color:#64748b;background:#fff;border-radius:999px;padding:5px 12px;font-size:.78rem}.chip-toggle.active{background:var(--blue-050);border-color:var(--blue-700);color:var(--blue-700);font-weight:600}.subnav{border-bottom:1px solid var(--line);background:#fff}.subnav-inner{max-width:1080px;margin:0 auto;padding:8px 24px}.tabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll .tab{white-space:nowrap;flex:none}.nav-burger{cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 9px;display:none}.nav-burger span{background:#fff;border-radius:2px;height:2px;display:block}.nav-burger:hover{background:#fff3}.nav-burger-wrap{align-items:center;gap:8px;display:flex}.nav-app-icon{object-fit:cover;border-radius:6px;flex-shrink:0;width:28px;height:28px}.topbar-heading{min-width:0;max-width:min(32vw,130px)}.topbar-heading h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;font-weight:700;overflow:hidden}.drawer-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a73;animation:.15s fade-in;position:fixed;inset:0}.drawer{width:min(86vw,340px);padding-left:env(safe-area-inset-left);background:var(--bg,#f7f9fc);z-index:1001;flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) drawer-in;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:12px 0 40px #0d47a140}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:none}}.drawer-head{padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));background:linear-gradient(135deg, var(--blue-700) 0%, var(--blue-900) 100%);color:#fff;justify-content:space-between;align-items:center;gap:10px;display:flex}.drawer-head .user-chip .uname{max-width:none;display:inline}.btn-icon-x{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;flex-shrink:0;width:32px;height:32px;font-size:1rem}.btn-icon-x:hover{background:#ffffff4d}.drawer-body{flex-direction:column;flex:1;gap:18px;padding:14px 12px;display:flex;overflow-y:auto}.drawer-group-label{color:var(--muted);letter-spacing:.06em;padding:0 6px 8px;font-size:.74rem;font-weight:700}.action-item-active{border-color:var(--blue-700);background:var(--blue-050)}.action-item-active .ai-title{color:var(--blue-800)}.drawer-foot{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;flex-direction:column;gap:8px;display:flex}.bottom-nav{z-index:999;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));padding-left:calc(4px + env(safe-area-inset-left));padding-right:calc(4px + env(safe-area-inset-right));background:#fff;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0d47a11f}.bottom-nav-item{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 2px;transition:background .14s,color .14s;display:flex}.bottom-nav-item:hover{background:var(--blue-050)}.bottom-nav-item.active{color:var(--blue-700)}.bottom-nav-item .bn-icon{font-size:1.25rem;line-height:1}.bottom-nav-item .bn-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.66rem;font-weight:600;overflow:hidden}.bottom-nav-item.active .bn-label{font-weight:700}@media (width<=1024px){.app-header{padding-top:calc(8px + env(safe-area-inset-top));padding-right:calc(12px + env(safe-area-inset-right));padding-bottom:8px;padding-left:calc(12px + env(safe-area-inset-left));flex-wrap:wrap;justify-content:flex-start;gap:8px}.app-main{padding:16px;padding-bottom:calc(16px + 58px + env(safe-area-inset-bottom))}.home-hero{padding:24px}.user-chip .uname{display:none}.subnav-inner{padding:6px 12px}.app-nav{display:none}.nav-burger{display:flex}.app-brand,.topbar-heading{display:none}.nav-burger-wrap{order:1}.ws-chip{order:2}.bottom-nav{display:flex}.app-topbar{position:static}.app-header{z-index:100;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px;position:sticky;top:0}.subnav .tab{padding:8px 12px}.ws-chip{max-width:calc(100vw - 110px);margin-left:0}.btn-xs{min-height:32px;padding:5px 12px}.chip-toggle{min-height:34px}.th-filter{min-width:28px;min-height:28px}.wbs-toggle{width:24px;height:24px}}@media (width<=640px){.card{padding:14px 12px}.um-wrap{gap:12px}.tbl th{padding:9px 10px}.tbl td{padding:8px 10px}.filter-bar>.filter-select,.filter-bar>.field-input{flex:45%;width:auto;min-width:0}.filter-bar .search-box{flex-basis:100%}}.badge-super{color:#6d28d9;background:#ede9fe}.badge-admin{color:#1d4ed8;background:#dbeafe}.badge-user{color:#475569;background:#e2e8f0}.badge-neutral{color:#475569;background:#eef2f6}.badge-self{background:var(--blue-050);color:var(--blue-800);border:1px solid var(--blue-100)}.role-badge{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:700;display:inline-block}.role-badge-owner{color:#6d28d9;background:#ede9fe}.role-badge-manager{color:#1d4ed8;background:#dbeafe}.role-badge-member{color:#166534;background:#dcfce7}.role-badge-viewer{color:#475569;background:#e2e8f0}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-box{flex:1;min-width:200px;position:relative}.search-box input{border:1px solid var(--line);border-radius:9px;width:100%;padding:9px 12px 9px 34px;font-size:14px}.search-box input:focus{border-color:var(--blue-700);outline:none;box-shadow:0 0 0 3px #1976d21f}.search-box .ico{color:#9ca3af;pointer-events:none;font-size:14px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.filter-select{border:1px solid var(--line);cursor:pointer;color:#374151;background:#fff;border-radius:9px;padding:9px 12px;font-size:13px}.filter-select:focus{border-color:var(--blue-700);outline:none;box-shadow:0 0 0 3px #1976d21f}.filter-count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.82rem}.filter-clear{color:var(--blue-700);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:12px;text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:440px;max-height:calc(100vh - 40px);animation:.18s cubic-bezier(.16,1,.3,1) pop-in;display:flex;overflow:hidden;box-shadow:0 24px 60px #0d47a147}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.modal-sm{max-width:480px}.modal-md{max-width:560px}.modal-lg{max-width:880px}.modal-head{background:linear-gradient(135deg, var(--blue-700) 0%, var(--blue-900) 100%);color:#fff;flex-shrink:0;padding:18px 22px}.modal-head h3{overflow-wrap:break-word;margin:0;font-size:1.05rem}.modal-head p{opacity:.9;margin:4px 0 0;font-size:.8rem}.modal-body{max-height:65vh;padding:22px;overflow-y:auto}.modal-body .field-label{margin-top:0}.modal-body .field-input{font-size:15px}.modal-note{color:var(--muted);margin-top:10px;font-size:.82rem;line-height:1.6}.modal-foot{border-top:1px solid var(--line);background:#fafcff;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:0}.modal{width:100%;max-width:none;max-height:88vh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;animation:.2s cubic-bezier(.16,1,.3,1) sheet-up}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.role-options{flex-direction:column;gap:8px;display:flex}.role-option{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:all .14s;display:flex}.role-option:hover{border-color:var(--blue-100);background:var(--blue-050)}.role-option.selected{border-color:var(--blue-700);background:var(--blue-050);box-shadow:0 0 0 3px #1976d21a}.role-option:disabled{opacity:.4;cursor:not-allowed}.role-option .ro-radio{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.role-option.selected .ro-radio{border-color:var(--blue-700)}.role-option.selected .ro-radio:after{content:"";background:var(--blue-700);border-radius:50%;width:9px;height:9px}.role-option .ro-label{font-size:.92rem;font-weight:600}.role-option .ro-desc{color:var(--muted);font-size:.76rem}.toast-wrap{z-index:3000;flex-direction:column;gap:10px;max-width:360px;display:flex;position:fixed;top:18px;right:18px}.toast{color:var(--ink);border-left:4px solid var(--blue-700);background:#fff;border-radius:12px;align-items:flex-start;gap:10px;padding:13px 16px;font-size:.88rem;line-height:1.5;animation:.22s cubic-bezier(.16,1,.3,1) toast-in;display:flex;box-shadow:0 12px 32px #0f172a2e}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.toast.success{border-left-color:#16a34a}.toast.error{border-left-color:var(--danger)}.toast.info{border-left-color:var(--blue-700)}.toast .t-ico{font-size:1.05rem;line-height:1.3}.toast.success .t-ico{color:#16a34a}.toast.error .t-ico{color:var(--danger)}.toast.info .t-ico{color:var(--blue-700)}.toast .t-body{flex:1}.toast .t-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.detail-section-title{color:var(--blue-800);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line);margin:6px 0 8px;padding-bottom:6px;font-size:.78rem;font-weight:700}.detail-section-title+.detail-dl{margin-bottom:18px}.detail-dl{flex-direction:column;display:flex}.detail-row{border-bottom:1px solid #f1f4f9;grid-template-columns:42% 58%;gap:10px;padding:8px 0;font-size:.84rem;display:grid}.detail-row:last-child{border-bottom:none}.detail-row dt{color:var(--muted)}.detail-row dd{color:var(--ink)}.detail-key{color:var(--muted);font-size:.78rem}.usage-summary{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.usage-summary .badge{padding:4px 12px;font-size:.78rem}.profile-dl{flex-direction:column;display:flex}.profile-row{border-bottom:1px solid #f1f4f9;grid-template-columns:35% 65%;gap:10px;padding:11px 0;font-size:.88rem;display:grid}.profile-row:last-child{border-bottom:none}.profile-row dt{color:var(--muted);font-weight:500}.profile-row dd{color:var(--ink)}.action-meta{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.action-list{flex-direction:column;gap:8px;display:flex}.action-item{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .14s;display:flex}.action-item:hover{border-color:var(--blue-100);background:var(--blue-050)}.action-item.danger:hover{background:var(--danger-bg);border-color:#fecaca}.action-item .ai-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.2rem;line-height:1}.action-item .ai-text{flex-direction:column;flex:1;display:flex}.action-item .ai-title{color:var(--ink);font-size:.92rem;font-weight:600}.action-item.danger .ai-title{color:var(--danger)}.action-item .ai-desc{color:var(--muted);margin-top:2px;font-size:.76rem}.action-item .ai-chevron{color:#c0c8d4;font-size:1.3rem;line-height:1}.tbl-users{min-width:980px}.tbl td.col-name{white-space:nowrap}.tbl td.col-email{white-space:normal;word-break:break-all;max-width:240px;line-height:1.4}.tbl td.col-actions{white-space:nowrap}@media (width<=640px){.tbl-cards thead{display:none}.tbl-cards,.tbl-cards tbody,.tbl-cards tr,.tbl-cards td{width:100%;display:block}.tbl-cards tr{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:10px 12px}.tbl-cards tr:hover{background:#fff}.tbl-cards td{text-align:right;border-bottom:1px solid #f4f6f9;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;padding:6px 0!important}.tbl-cards td:last-child{border-bottom:none}.tbl-cards td.tbl-card-title{text-align:left;border-bottom:1px solid var(--line);margin-bottom:4px;font-size:1rem;display:block;padding-bottom:10px!important}.tbl-cards td[data-label]:before{content:attr(data-label);color:var(--muted);text-align:left;flex-shrink:0;font-size:.76rem}.tbl-cards:not(.tbl-cards-dense) tr{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.tbl-cards:not(.tbl-cards-dense) td{text-align:left;border-bottom:none;flex-direction:column;align-items:flex-start;gap:1px;display:flex;padding:0!important}.tbl-cards:not(.tbl-cards-dense) td[data-label]:before{font-size:.7rem}.tbl-cards:not(.tbl-cards-dense) td.tbl-card-title{grid-column:1/-1;padding-bottom:8px!important}.tbl-cards:not(.tbl-cards-dense) td.tbl-card-wide{grid-column:1/-1}.tbl-cards td[data-label]:empty{display:none}.only-desktop-cell{display:none!important}.only-mobile-inline{display:inline}.only-mobile-block{display:block}.tbl-card-collapse{display:none!important}.tbl-cards tr.row-collapsed{display:none}}.only-mobile-inline,.only-mobile-block{display:none}.loading-row{color:var(--muted);align-items:center;gap:10px;font-size:.86rem;display:flex}.loading-row .spinner{border-width:2px;width:18px;height:18px;margin:0}.empty-state{color:var(--muted);padding:12px 0;font-size:.86rem}.card-title{color:var(--ink);font-size:.95rem;font-weight:700}.tbl td.col-actions .cell-actions{flex-wrap:nowrap}.tbl-card-title-row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.row-inactive td,.row-inactive .tbl-card-sub{color:var(--muted)}.row-inactive .badge{opacity:.75}.tbl-card-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:.78rem;display:block;overflow:hidden}@media (width<=640px){.tbl-cards-dense tr{margin-bottom:8px;padding:8px 10px}.tbl-cards-dense td{font-size:.84rem;padding:4px 0!important}.tbl-cards-dense td.tbl-card-title{margin-bottom:2px;font-size:.95rem;padding-bottom:6px!important}.tbl-cards td.tbl-card-inline{text-align:left;border-bottom:none;align-items:center;gap:6px;width:auto;margin-right:14px;display:inline-flex}.tbl-cards td.tbl-card-inline:empty{display:none}.tbl-cards-dense .filter-select{min-height:0;padding:4px 8px;font-size:.84rem}.tbl-card-sub{max-width:100%}}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.cal-head{margin-bottom:6px}.cal-weekday{text-align:center;color:var(--muted);padding:4px 0;font-size:.78rem;font-weight:600}.cal-weekday.cal-weekend{color:var(--blue-700)}.cal-cell{border:1px solid var(--line);cursor:pointer;min-height:74px;font:inherit;text-align:left;background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px;transition:border-color .14s,background .14s;display:flex;position:relative}.cal-cell:hover{border-color:var(--blue-600);background:var(--blue-050)}.cal-cell:focus-visible{outline:2px solid var(--blue-700);outline-offset:1px}.cal-pad{cursor:default;background:0 0;border:none;min-height:0}.cal-pad:hover{background:0 0}.cal-blank{background:#f8fafc;border-style:dashed;border-color:#cbd5e1}.cal-blank .cal-date{color:var(--muted)}.cal-off{background:#f1f5f9}.cal-out{opacity:.55;background:#f8fafc}.cal-planned{border-color:var(--blue-600);border-style:dotted}.cal-today{background:#fef3c7;border-color:#f59e0b;box-shadow:inset 0 0 0 1px #f59e0b}.cal-today .cal-date{color:#92400e}.cal-selected{background:var(--blue-700);border-color:var(--blue-800)}.cal-selected .cal-date,.cal-selected .cal-loc,.cal-selected .cal-hours{color:#fff}.cal-selected:hover{background:var(--blue-800)}.cal-locked{cursor:not-allowed;opacity:.6}.cal-locked:hover{border-color:var(--line);background:#fff}.cal-date{color:var(--ink);font-size:.9rem;font-weight:700}.cal-hours{color:var(--blue-900);font-size:.95rem;font-weight:700}.cal-loc{color:var(--muted);font-size:.72rem}.cal-note{color:var(--muted);font-size:.68rem}.cal-badge{border:1px solid var(--line);border-radius:999px;padding:1px 6px;font-size:.7rem}.cal-badge-leave{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.cal-badge-holiday{color:var(--blue-800);background:#eff6ff;border-color:#bfdbfe}.cal-legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:.78rem;display:flex}.cal-legend span{align-items:center;gap:6px;display:inline-flex}.cal-swatch{border:1px solid var(--line);border-radius:4px;width:18px;height:14px;display:inline-block}.cal-swatch-blank{background:#f8fafc;border-style:dashed;border-color:#cbd5e1}.cal-swatch-off{background:#f1f5f9}.cal-swatch-out{opacity:.55;background:#f8fafc}.cal-swatch-planned{border-color:var(--blue-600);border-style:dotted}@media (width<=640px){.cal-cell{gap:1px;min-height:58px;padding:4px}.cal-date{font-size:.8rem}.cal-hours{font-size:.82rem}.cal-loc,.cal-note,.cal-badge{font-size:.62rem}.cal-grid{gap:4px}}.onsite-cell{cursor:default;align-items:stretch}.onsite-people{flex-direction:column;gap:3px;margin-top:2px;display:flex;overflow:hidden}.onsite-chip{background:var(--blue-600);color:#fff;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:.7rem;font-weight:600;line-height:1.3;display:flex;overflow:hidden}.onsite-chip-plan{background:var(--blue-050);border:2px dotted var(--blue-600);color:var(--blue-800)}.onsite-chip-leave{color:#fff;background:#f97316}.onsite-chip-leave.onsite-chip-plan{color:#9a3412;background:#fff7ed;border:2px dotted #ea580c}.onsite-site{opacity:.85;white-space:nowrap;font-weight:500}.onsite-half{color:var(--blue-900);background:#ffffffbf;border-radius:3px;flex-shrink:0;padding:0 3px;font-size:.6rem;font-style:normal;font-weight:700}.onsite-none{color:#cbd5e1;margin-top:2px;font-size:.72rem}.onsite-swatch{width:22px;height:14px;padding:0;display:inline-block}@media (width<=640px){.onsite-cell{min-height:72px}.onsite-chip{padding:1px 4px;font-size:.6rem}.onsite-half{font-size:.52rem}}.sched-tbl{min-width:max-content}.sched-tbl th,.sched-tbl td{text-align:center;padding:2px}.sched-name{z-index:1;white-space:nowrap;border-right:1px solid var(--line);background:#fff;position:sticky;left:0;text-align:left!important;padding:4px 10px!important}thead .sched-name{z-index:2}.sched-day{width:30px;min-width:30px;line-height:1.1}@media (width<=640px){.sched-name{text-overflow:ellipsis;max-width:92px;font-size:.8rem;overflow:hidden;padding:4px 6px!important}.sched-day{width:26px;min-width:26px}.sched-daynum{font-size:.68rem}.sched-dow{font-size:.56rem}}.sched-daynum{font-size:.74rem;font-weight:700;display:block}.sched-dow{color:var(--muted);font-size:.62rem;display:block}.sched-off{background:#f1f5f9}.sched-today{box-shadow:inset 0 -2px 0 var(--blue-700)}.sched-cell{width:30px;min-width:30px;height:28px}.sched-mark{border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:inline-flex;position:relative}.sched-mark-corner{color:var(--blue-900);border:1px solid var(--blue-100);background:#fff;border-radius:3px;padding:0 2px;font-size:.52rem;font-style:normal;font-weight:700;line-height:1;position:absolute;bottom:-3px;right:-3px}.sched-onsite{background:var(--blue-700);color:#fff}.sched-remote{background:var(--blue-050);color:var(--blue-900);border-color:var(--blue-100)}.sched-mixed{color:var(--blue-900);background:#dbeafe;border-color:#93c5fd}.sched-leave{color:#fff;background:#f97316;border-color:#ea580c}.sched-plan{background:0 0;border-style:dotted}.sched-onsite.sched-plan,.sched-mixed.sched-plan,.sched-remote.sched-plan{border-color:var(--blue-800);color:var(--blue-900)}.sched-leave.sched-plan{color:#9a3412;border-color:#ea580c}.sum-bar{background:var(--blue-700);border-radius:999px;min-width:2px;height:8px}.sum-bar-track{background:var(--blue-050);border-radius:999px;width:100%}.wbs-tbl{min-width:max-content}.wbs-summary{background:#f8fafc;font-weight:600}.wbs-toggle{text-align:center;width:16px;color:var(--muted);font-size:.7rem;line-height:1.4;display:inline-block}.wbs-no{color:var(--muted);white-space:nowrap;margin-right:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.gantt-wrap{align-items:stretch;display:flex}.gantt-labels{border-right:1px solid var(--line);background:#fff;flex:0 0 240px;min-width:0;transition:flex-basis .16s}.gantt-labels-collapsed{border-right:none;flex-basis:0;overflow:hidden}.gantt-axis-head{border-bottom:1px solid var(--line);height:44px}.gantt-label{white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #f1f5f9;height:30px;padding:0 8px;font-size:.82rem;line-height:30px;overflow:hidden}.gantt-label>span{min-width:0;max-width:100%}.gantt-label-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.gantt-label:nth-child(2n){background:#fafbfd}.gantt-label:hover{background:var(--blue-050)}.gantt-scroll{flex:1;overflow-x:auto}.gantt-axis{border-bottom:1px solid var(--line);height:44px;position:relative}.gantt-months{height:22px;position:relative}.gantt-month{height:22px;color:var(--blue-900);border-left:1px solid var(--line);white-space:nowrap;padding-left:4px;font-size:.74rem;font-weight:600;line-height:22px;position:absolute;top:0;overflow:hidden}.gantt-days{height:22px;position:relative}.gantt-day{text-align:center;height:22px;color:var(--muted);border-left:1px solid #f1f5f9;font-size:.64rem;line-height:22px;position:absolute;top:0}.gantt-day.gantt-sun{color:#b91c1c;background:#fef2f2}.gantt-day.gantt-sat{color:var(--blue-800);background:#eff6ff}.gantt-day.gantt-today{background:var(--blue-100);color:var(--blue-900);font-weight:700}.gantt-rows{position:relative}.gantt-row{border-bottom:1px solid #f1f5f9;height:30px;position:relative}.gantt-row-alt{background:#fafbfd}.gantt-cell{border-left:1px solid #f8fafc;height:30px;position:absolute;top:0}.gantt-cell.gantt-sun{background:#fef2f2b3}.gantt-cell.gantt-sat{background:#eff6ffb3}.gantt-bar{background:var(--blue-100);border:1px solid var(--blue-600);z-index:2;border-radius:5px;height:20px;position:absolute;top:5px;overflow:hidden}.gantt-progress{background:var(--blue-700);height:100%;display:block}.gantt-bar-label{height:100%;color:var(--blue-900);white-space:nowrap;pointer-events:none;align-items:center;padding:0 6px;font-size:.68rem;font-weight:600;display:flex;position:absolute;top:0;left:0}.gantt-bar-outside{height:30px;color:var(--muted);white-space:nowrap;pointer-events:none;font-size:.68rem;line-height:30px;position:absolute;top:0}.gantt-bar-summary{background:var(--blue-800);border-color:var(--blue-900);height:12px;top:9px}.gantt-bar-summary .gantt-bar-label{display:none}.gantt-bar-delayed{border-width:2px;border-color:var(--danger)}.gantt-milestone{border-width:2px;border-radius:3px}.gantt-deps{pointer-events:none;z-index:1;position:absolute;top:0;left:0}.gantt-dep{stroke:var(--blue-600);stroke-width:1.5px;opacity:.55}.gantt-dep-violated{stroke:var(--danger);stroke-dasharray:4 3;opacity:.9}.gantt-today-line{background:var(--danger);opacity:.65;pointer-events:none;z-index:3;width:2px;position:absolute;top:0}.gantt-today-line:before{content:"";background:var(--danger);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-3px}.gantt-swatch{background:var(--blue-100);border:1px solid var(--blue-600);border-radius:4px;width:22px;height:12px;display:inline-block}.gantt-swatch.gantt-bar-summary{height:8px;position:static;top:auto}.gantt-swatch-line{background:var(--danger);width:2px;height:14px;display:inline-block}@media (width<=640px){.gantt-labels{flex-basis:150px}.gantt-label{font-size:.74rem}.gantt-bar-outside{display:none}}.audit-json{border:1px solid var(--line);white-space:pre-wrap;word-break:break-all;background:#f8fafc;border-radius:8px;max-height:340px;padding:10px;font-size:.72rem;line-height:1.5;overflow:auto}.print-header,.row-collapsed{display:none}@media print{.app-topbar,.no-print{display:none!important}.print-header{margin-bottom:16px;display:block}.row-collapsed{display:table-row!important}body,.app-main{color:#000;background:#fff}.card{box-shadow:none;break-inside:avoid;border:1px solid #ccc}.table-wrap{overflow:visible}}.th-tools{align-items:center;gap:4px;display:inline-flex;position:relative}.th-sort{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:0;display:inline-flex}.th-sort:hover{color:var(--blue-700)}.th-mark{opacity:.35;font-size:.72rem}.th-mark.on{opacity:1;color:var(--blue-700)}.th-filter{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:0 2px;font-size:.7rem;line-height:1}.th-filter:hover{color:var(--blue-700)}.th-filter.on{color:var(--blue-700);font-weight:700}.th-menu{z-index:1000;border:1px solid var(--line);background:#fff;border-radius:8px;min-width:180px;max-width:260px;font-weight:400;position:fixed;box-shadow:0 8px 24px #0d47a129}.th-menu-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.th-menu-list{max-height:240px;padding:4px;overflow-y:auto}.th-menu-item{cursor:pointer;border-radius:5px;align-items:center;gap:7px;padding:5px 6px;font-size:.82rem;display:flex}.th-menu-item:hover{background:var(--blue-050)}@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))}}.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}