:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--c-primary: #2563eb;--c-primary-hover: #1d4ed8;--c-primary-soft: #eff6ff;--c-text: #1f2937;--c-text-muted: #6b7280;--c-text-faint: #9ca3af;--c-border: #e5e7eb;--c-border-strong: #d1d5db;--c-bg: #ffffff;--c-bg-subtle: #f9fafb;--c-success: #16a34a;--c-danger: #dc2626;--c-warn: #d97706;--radius-sm: 6px;--radius-md: 8px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 6px 24px rgba(0,0,0,.12)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:var(--c-text);font-size:var(--fs-md);line-height:1.5}input,select,textarea{font:inherit;font-size:var(--fs-base);padding:7px 9px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-bg);color:var(--c-text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #2563eb26}input[type=checkbox],input[type=radio]{width:auto;padding:0;border:initial;border-radius:0;box-shadow:none;accent-color:var(--c-primary)}.form{display:flex;flex-direction:column;gap:var(--sp-3)}.form-title{font-size:var(--fs-md);font-weight:600;color:var(--c-text)}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field>span{font-size:var(--fs-sm);color:var(--c-text-muted);font-weight:500}.field-row{display:flex;gap:var(--sp-2)}.field-row>.field{flex:1;min-width:0}.form-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-1)}.btn{font-size:var(--fs-base);padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--c-border-strong);background:var(--c-bg);color:var(--c-text)}.btn:hover{background:var(--c-bg-subtle)}.btn-primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn-primary:hover{background:var(--c-primary-hover)}.btn-danger{color:var(--c-danger)}.btn-ghost{background:none;border-color:transparent;color:var(--c-text-muted)}.btn-ghost:hover{background:var(--c-bg-subtle)}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:#fafafa;border-right:1px solid #eee;padding:16px}.sidebar nav{margin-top:4px}.sidebar nav button,.sidebar ul button{display:block;width:100%;text-align:left;background:none;border:none;padding:7px 10px;cursor:pointer;font-size:var(--fs-base);border-radius:var(--radius-sm);color:var(--c-text)}.sidebar nav button:hover,.sidebar ul button:hover{background:#eef0f3}.sidebar h2{font-size:var(--fs-xs);color:var(--c-text-faint);margin:var(--sp-4) 0 var(--sp-1);padding-left:var(--sp-1);text-transform:uppercase;letter-spacing:.8px}.sidebar ul{list-style:none;padding:0;margin:0}.project-form{margin-top:10px;display:flex;gap:4px;padding:0 4px}.project-form input{flex:1;min-width:0;padding:6px 8px;font-size:12px;border:1px solid #ddd;border-radius:4px}.project-form button{font-size:11px;padding:5px 10px;border:1px solid var(--c-primary);color:#fff;background:var(--c-primary);border-radius:4px}.task-list{flex:1;padding:var(--sp-5) var(--sp-6);max-width:760px}.task-list h1{font-size:var(--fs-xl);margin:0 0 var(--sp-2)}.task-list ul{list-style:none;padding:0}.task-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2);margin:0 calc(-1 * var(--sp-2));border-radius:var(--radius-sm);border-bottom:1px solid var(--c-border)}.task-item:not(.editing):hover{background:var(--c-bg-subtle)}.task-empty{color:var(--c-text-muted);font-size:var(--fs-base);padding:var(--sp-5) var(--sp-2);text-align:center}.task-title{flex:1}.task-title.done{text-decoration:line-through;color:#aaa}.status-btn{width:24px;height:24px;border-radius:50%;border:1.5px solid #c0c0c0;background:#fff;padding:0;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:#aaa;flex-shrink:0}.status-btn.status-todo{color:#bbb;font-size:10px}.status-btn.status-in_progress{border-color:#eb8909;color:#eb8909;background:#fff8ee;font-weight:700}.status-btn.status-done{border-color:#299438;background:#299438;color:#fff}.status-btn:hover{border-color:#555;box-shadow:0 0 0 2px #246fe01f}.task-status-badge{font-size:11px;padding:2px 8px;border-radius:10px}.task-status-badge.in-progress{background:#fff3e0;color:#c66a00;border:1px solid #ffd9a0}.task-hours{font-size:11px;color:#6b7280;background:#f3f4f6;padding:1px 6px;border-radius:8px}.task-item.status-in_progress{background:#eb89090a}.task-item.status-done{opacity:.6}.task-assignee{display:inline-flex;align-items:center}.task-assignee img{width:20px;height:20px;border-radius:50%;vertical-align:middle}.task-assignee-initial{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#246fe0;color:#fff;font-size:10px}.task-due{font-size:12px;color:#d1453b}.task-category{font-size:12px;color:#246fe0;background:#eaf1fd;border-radius:10px;padding:1px 8px}.task-priority,.task-note{font-size:12px}.task-item.editing{display:block;padding:0;border-bottom:none}.task-edit-form{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--sp-4);margin:var(--sp-2) 0}.task-edit-form textarea{min-height:56px;resize:vertical}.subtask-form{display:flex;gap:var(--sp-2);padding:var(--sp-1) 0}.subtask-form input{flex:1}.add-task-form{margin-top:var(--sp-4);display:flex;gap:var(--sp-2);align-items:center}.add-task-form input[type=text],.add-task-form input:not([type]){flex:1}button{cursor:pointer}.auth-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;color:#888}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fafafa}.login-card{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px #00000014;text-align:center;max-width:320px}.login-card h1{margin:0 0 8px;font-size:28px}.login-card p{color:#666;margin:0 0 24px}.google-btn{background:var(--c-primary);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500}.google-btn:hover{background:var(--c-primary-hover)}.main-pane{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.top-bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-bg);min-height:52px}.top-bar .page-nav{flex:1;border:none;padding:0}.page-content{flex:1;overflow-y:auto;background:var(--c-bg-subtle)}.user-badge{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-base);padding:0;border:none;background:none}.user-avatar{width:28px;height:28px;border-radius:50%}.user-name{color:var(--c-text);font-weight:500}.logout-btn{background:var(--c-bg);border:1px solid var(--c-border-strong);padding:5px 10px;border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--c-text-muted)}.logout-btn:hover{background:var(--c-bg-subtle)}.main-pane .task-list{max-width:none}.sidebar-pane{width:240px;background:var(--c-bg-subtle);border-right:1px solid var(--c-border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-pane .sidebar{width:auto;border-right:none;flex:1;padding:var(--sp-3) var(--sp-3) var(--sp-5)}.workspace-switcher{padding:var(--sp-4) var(--sp-3) var(--sp-3);border-bottom:1px solid var(--c-border);background:var(--c-bg)}.workspace-switcher h2{font-size:10px;color:#999;margin:0 0 8px;text-transform:uppercase;letter-spacing:.8px;padding-left:4px}.workspace-switcher>button{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:none;border:none;padding:7px 10px;cursor:pointer;font-size:13px;border-radius:5px;color:#333}.workspace-switcher>button:hover{background:#f0f0f0}.workspace-switcher button.ws-active{background:var(--c-primary);color:#fff;font-weight:500}.workspace-actions{display:flex;gap:4px;margin:8px 4px 0}.workspace-actions button{flex:1;font-size:11px;padding:5px 8px;border:1px solid #ddd;background:#fff;border-radius:4px;color:#555}.workspace-actions button:hover{background:#f5f5f5}.workspace-form{margin:6px 4px 0;display:flex;gap:4px}.workspace-form input{flex:1;min-width:0;padding:5px 7px;font-size:12px;border:1px solid #ddd;border-radius:4px}.workspace-form button{font-size:11px;padding:5px 10px;border:1px solid var(--c-primary);color:#fff;background:var(--c-primary);border-radius:4px}.workspace-err{color:#d1453b;font-size:11px;margin:4px 0 0 4px}.page-nav{display:flex;gap:2px}.page-nav button{padding:7px 14px;font-size:var(--fs-base);background:none;border:none;border-radius:var(--radius-sm);color:var(--c-text-muted);cursor:pointer;white-space:nowrap}.page-nav button:hover{background:var(--c-bg-subtle);color:var(--c-text)}.page-nav button.active{background:var(--c-primary);color:#fff;font-weight:500}.page-nav button.active:hover{background:var(--c-primary-hover)}.report-page{flex:1;padding:var(--sp-5) var(--sp-6);max-width:760px}.report-header{display:flex;gap:var(--sp-4);align-items:center;margin-bottom:var(--sp-4)}.report-header h1{margin:0;font-size:var(--fs-xl)}.report-section{margin:var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md)}.report-section h3{margin:0 0 var(--sp-2);font-size:var(--fs-md);color:var(--c-text-muted)}.report-empty{color:var(--c-text-faint);font-size:var(--fs-base);margin:var(--sp-1) 0 0}.report-project-group{margin:var(--sp-1) 0}.report-project-name{font-weight:600;font-size:var(--fs-base);color:var(--c-text)}.report-project-group ul,.report-concern ul{list-style:none;padding:0;margin:2px 0 var(--sp-2) var(--sp-3)}.report-project-group li,.report-concern li{font-size:var(--fs-base);padding:1px 0}.report-project-group li:before{content:"・";color:var(--c-text-faint);margin-right:2px}.report-concern{margin:var(--sp-2) 0}.report-concern-label{font-size:var(--fs-sm);color:var(--c-text-muted)}.report-section textarea{width:100%;min-height:80px;resize:vertical;box-sizing:border-box}.report-freetext{min-height:50px!important;margin-top:var(--sp-2);background:var(--c-bg-subtle)}.report-freetext::placeholder{color:var(--c-text-faint);font-style:italic;font-size:var(--fs-sm)}.report-actions{display:flex;gap:var(--sp-2);align-items:center;margin-top:var(--sp-3)}.report-actions button{padding:8px 16px;border:1px solid var(--c-border-strong);background:var(--c-bg);border-radius:var(--radius-sm);font-size:var(--fs-base)}.report-actions button.primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.report-actions button:disabled{opacity:.5;cursor:not-allowed}.report-sent{color:var(--c-success);font-size:var(--fs-sm)}.hours-tables{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.hours-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.hours-table th,.hours-table td{border:1px solid var(--c-border);padding:var(--sp-1) var(--sp-2);text-align:left}.hours-table th{background:var(--c-bg-subtle);color:var(--c-text-muted);font-weight:600}.hours-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width: 700px){.hours-tables{grid-template-columns:1fr}}.show-sm{display:none}.hamburger{display:none;background:none;border:none;font-size:22px;padding:4px 10px;cursor:pointer;color:#555}.sidebar-overlay{display:none}@media (max-width: 768px){input,select,textarea{font-size:16px!important}.app{position:relative}.sidebar-pane{position:fixed;top:0;left:0;bottom:0;width:80vw;max-width:320px;transform:translate(-100%);transition:transform .2s ease-out;z-index:50;box-shadow:2px 0 12px #00000026}.app.sidebar-open .sidebar-pane{transform:translate(0)}.app.sidebar-open .sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}.hamburger{display:inline-flex;align-items:center;justify-content:center}.hide-sm{display:none!important}.show-sm{display:inline-flex!important}.top-bar{padding:6px 10px;gap:4px;min-height:44px;flex-wrap:nowrap}.top-bar .page-nav{flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.top-bar .page-nav::-webkit-scrollbar{height:3px}.page-nav button{padding:6px 10px;font-size:12px}.user-badge{gap:6px}.help-btn,.logout-btn{padding:5px 8px}.task-list{padding:12px 14px}.task-item{flex-wrap:wrap;gap:6px;padding:10px 0}.task-title{flex:1 1 100%;order:-1;font-size:15px;padding-right:50px}.status-btn{width:28px;height:28px}.task-item.editing{padding:14px 4px}.task-item.editing input,.task-item.editing select,.task-item.editing textarea{width:100%}.add-task-form{flex-direction:column;gap:6px}.add-task-form input,.add-task-form select,.add-task-form button{width:100%}.report-page{padding:12px 14px}.report-header{flex-direction:column;align-items:flex-start;gap:8px}.report-header h1{font-size:18px}.hours-tables{grid-template-columns:1fr}.admin-page{padding:12px 14px}.member-table{display:block;overflow-x:auto;white-space:nowrap}.member-table select{min-width:110px}.admin-section-header{flex-direction:column;align-items:flex-start;gap:6px}.org-children{padding-left:8px}.org-node{margin-left:0!important}.modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:16px}.help-modal .help-content{max-height:calc(100vh - 80px)}.modal-actions{flex-wrap:wrap}.toast-viewport{top:56px;right:8px;left:8px;max-width:none}.toast{font-size:12px;padding:8px 12px}.group-report-card{padding:12px 14px}}@media (min-width: 769px) and (max-width: 1024px){.sidebar-pane{width:200px}.hours-tables{grid-template-columns:1fr}}.report-err{color:var(--c-danger);font-size:var(--fs-base);padding:var(--sp-2) var(--sp-3);background:#fef2f2;border-radius:var(--radius-sm)}.ws-row{display:flex;align-items:center;gap:2px}.ws-row>button:first-child{flex:1}.ws-gear{width:28px;height:28px;padding:0!important;font-size:13px;opacity:.4;background:none!important;border:none!important;display:inline-flex;align-items:center;justify-content:center}.ws-row:hover .ws-gear,.ws-gear:focus{opacity:1}.ws-gear:hover{background:#e8e8e8!important;opacity:1}.ws-row .ws-active+.ws-gear{color:#246fe0;opacity:.8}.ws-gear-placeholder{display:inline-block;width:28px;height:28px;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--c-bg);width:460px;max-width:90vw;max-height:90vh;overflow:auto;border-radius:var(--radius-md);padding:var(--sp-5);box-shadow:var(--shadow-md)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3)}.modal-header h2{margin:0;font-size:var(--fs-lg);font-weight:600}.modal-close{background:none;border:none;font-size:22px;line-height:1;color:var(--c-text-muted);cursor:pointer}.modal-row{margin:var(--sp-3) 0}.modal-row label{display:block;font-size:var(--fs-sm);color:var(--c-text-muted);margin-bottom:var(--sp-1);font-weight:500}.modal-row input{width:100%;box-sizing:border-box}.modal-hint{font-size:var(--fs-xs);color:var(--c-text-muted);margin:var(--sp-1) 0 0}.modal-err{color:var(--c-danger);font-size:var(--fs-sm);margin:var(--sp-2) 0;padding:var(--sp-2) var(--sp-3);background:#fef2f2;border-radius:var(--radius-sm)}.invite-code{display:flex;gap:var(--sp-2);align-items:center}.invite-code code{flex:1;padding:6px 8px;background:var(--c-bg-subtle);border-radius:var(--radius-sm);font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-base)}.invite-code button{padding:6px 12px;font-size:var(--fs-sm);border:1px solid var(--c-border-strong);background:var(--c-bg);border-radius:var(--radius-sm)}.member-list{list-style:none;padding:0;margin:var(--sp-1) 0 0;max-height:160px;overflow:auto;border:1px solid var(--c-border);border-radius:var(--radius-sm)}.member-list li{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);font-size:var(--fs-base);border-bottom:1px solid var(--c-border)}.member-list li:last-child{border-bottom:none}.member-list img{width:20px;height:20px;border-radius:50%}.member-list .member-role{margin-left:auto;font-size:var(--fs-xs);color:var(--c-text-muted)}.modal-actions{display:flex;gap:var(--sp-2);align-items:center;justify-content:flex-end;margin-top:var(--sp-4)}.modal-actions button{padding:8px 16px;border:1px solid var(--c-border-strong);background:var(--c-bg);border-radius:var(--radius-sm);font-size:var(--fs-base)}.modal-actions button.primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.modal-actions button.danger{color:var(--c-danger);border-color:var(--c-border-strong)}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.modal-actions .modal-hint{margin-right:auto}.group-report-card{margin:var(--sp-3) 0;padding:var(--sp-3) var(--sp-4);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md)}.group-report-card header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.group-report-card header img{width:28px;height:28px;border-radius:50%}.group-report-card header strong{font-size:var(--fs-md)}.group-report-card header .report-sent{background:#299438;color:#fff;padding:1px 8px;border-radius:10px;font-size:10px}.group-report-block{margin:6px 0;padding-left:4px}.group-report-block h4{font-size:11px;color:#888;margin:4px 0 2px;font-weight:600;text-transform:uppercase}.group-report-block p{margin:4px 0;white-space:pre-wrap;font-size:13px}.group-report-list>div{font-size:13px;padding:1px 0}.group-report-proj{font-weight:600;color:#555;margin-right:4px}.group-report-comment{background:#f9f9f9;border-left:3px solid #246fe0;padding:6px 10px;border-radius:0 4px 4px 0}.group-report-freetext{white-space:pre-wrap;font-family:inherit;background:var(--c-bg-subtle);border:1px solid var(--c-border);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);margin:var(--sp-1) 0;font-size:var(--fs-sm);color:var(--c-text)}.report-toolbar{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-4)}.report-toolbar-tabs{display:flex;gap:2px;background:var(--c-bg-subtle);padding:2px;border-radius:var(--radius-sm)}.report-toolbar-tabs button{padding:6px 12px;font-size:var(--fs-sm);background:none;border:none;border-radius:var(--radius-sm);color:var(--c-text-muted);cursor:pointer}.report-toolbar-tabs button.active{background:var(--c-bg);color:var(--c-primary);font-weight:500;box-shadow:var(--shadow-sm)}.report-date-nav{display:flex;gap:4px;align-items:center}.report-date-nav button{width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:4px;font-size:12px;cursor:pointer}.report-date-nav button:hover{background:#f5f5f5}.report-date-nav input[type=date]{padding:5px 8px;font-size:13px;border:1px solid #ddd;border-radius:4px}.report-today-btn{width:auto!important;padding:0 12px!important}.report-empty-state{text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--c-text-muted);background:var(--c-bg-subtle);border-radius:var(--radius-md)}.report-suggest-btn{padding:8px 16px;background:#246fe0;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;margin-top:8px}.report-suggest-btn:hover{background:#1a5dc7}.group-report-day{margin:16px 0}.group-report-day-header{font-size:14px;color:#444;margin:16px 0 8px;padding:6px 10px;background:#f5f7fa;border-radius:4px;display:flex;align-items:center;gap:8px}.group-report-day-count{background:#246fe0;color:#fff;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:500}.group-report-card.compact header{cursor:pointer}.group-report-card.compact header:hover{background:#fafafa;padding:4px;margin:-4px;border-radius:4px}.report-card-hours{color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:8px;font-size:11px}.report-card-toggle{color:#888;margin-left:auto}.toast-viewport{position:fixed;top:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:6px;box-shadow:0 4px 12px #00000026;font-size:13px;animation:toast-in .2s ease-out}.toast button{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;font-size:16px;padding:0;line-height:1}.toast button:hover{opacity:1}.toast-info{background:#246fe0;color:#fff}.toast-success{background:#299438;color:#fff}.toast-error{background:#d1453b;color:#fff}@keyframes toast-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.admin-page{flex:1;padding:var(--sp-5) var(--sp-6);max-width:900px}.admin-page h1{margin:0 0 var(--sp-4);font-size:var(--fs-xl)}.admin-section{margin:var(--sp-4) 0;padding:var(--sp-4) var(--sp-5);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md)}.admin-section h2{font-size:var(--fs-lg);font-weight:600;margin:0 0 var(--sp-3)}.admin-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.member-table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.member-table thead{background:var(--c-bg-subtle)}.member-table th,.member-table td{padding:var(--sp-2) var(--sp-3);text-align:left;border-bottom:1px solid var(--c-border)}.member-table th{font-size:var(--fs-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px}.member-table td:first-child{display:flex;align-items:center;gap:var(--sp-2)}.member-avatar{width:24px;height:24px;border-radius:50%}.member-table select{min-width:140px}.org-tree{list-style:none;padding:0;margin:0}.org-node{padding:4px 0}.org-node-self{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#f5f7fa;border-radius:12px;font-size:13px}.org-node-self img{width:20px;height:20px;border-radius:50%}.org-node-role{background:#d1453b;color:#fff;padding:0 6px;border-radius:8px;font-size:10px}.org-children{list-style:none;padding:0;margin:4px 0 0;border-left:2px solid #e0e0e0}.help-btn{background:#fff;border:1px solid #ddd;padding:5px 10px;border-radius:4px;font-size:12px;color:#555;cursor:pointer}.help-btn:hover{background:#f5f5f5}.help-modal{width:720px;max-width:95vw;max-height:90vh}.help-content{max-height:70vh;overflow-y:auto;padding-right:8px;line-height:1.6;color:#333}.help-content h1{font-size:22px;margin:12px 0 8px;border-bottom:2px solid #eee;padding-bottom:6px}.help-content h2{font-size:16px;margin:18px 0 8px;color:#246fe0}.help-content h3{font-size:14px;margin:14px 0 6px;color:#444}.help-content p{margin:6px 0;font-size:13px}.help-content ul,.help-content ol{padding-left:22px;margin:6px 0;font-size:13px}.help-content li{margin:2px 0}.help-content code{background:#f3f4f6;padding:2px 5px;border-radius:3px;font-size:12px;font-family:ui-monospace,Menlo,monospace}.help-content pre{background:#1e1e2e;color:#f0f0f0;padding:10px 14px;border-radius:6px;overflow-x:auto;font-size:12px;line-height:1.4}.help-content pre code{background:none;color:inherit;padding:0}.help-content table{border-collapse:collapse;margin:8px 0;font-size:12px}.help-content th,.help-content td{border:1px solid #e0e0e0;padding:5px 10px;text-align:left}.help-content th{background:#fafafa}.help-content hr{border:none;border-top:1px solid #eee;margin:16px 0}.help-content blockquote{border-left:3px solid #246fe0;padding:4px 12px;margin:6px 0;background:#f8fafd;color:#555}.help-content a{color:#246fe0}.hours-scroll{overflow-x:auto}.hours-total{font-size:13px;color:#555;font-weight:500;margin-left:8px}.hours-range-label{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.hours-pivot td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.hours-pivot th[scope=row]{text-align:left}.hours-pivot .hours-grand,.hours-col-totals td,.hours-col-totals th{font-weight:600;background:var(--c-bg-subtle)}.hours-detail td{white-space:nowrap}.hours-csv-btn{margin-left:auto;padding:6px 12px;font-size:var(--fs-sm);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-bg);cursor:pointer}.hours-csv-btn:hover{background:var(--c-bg-subtle)}.hours-csv-btn:disabled{opacity:.5;cursor:default}.manage-section{margin-bottom:var(--sp-6)}.manage-section h2{font-size:var(--fs-lg);font-weight:600;margin:0 0 var(--sp-3)}.manage-table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.manage-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border);vertical-align:middle}.manage-table td:last-child{text-align:right;white-space:nowrap}.manage-table button{font-size:var(--fs-sm);padding:4px 10px;margin-left:var(--sp-1);border:1px solid var(--c-border-strong);background:var(--c-bg);color:var(--c-text);border-radius:var(--radius-sm)}.manage-table button:hover{background:var(--c-bg-subtle)}.manage-count{color:var(--c-text-muted);font-size:var(--fs-sm);text-align:right;white-space:nowrap}.manage-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle;margin-right:var(--sp-1)}.manage-add{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.manage-add input{flex:1}.manage-add button{padding:7px 16px;border:1px solid var(--c-primary);background:var(--c-primary);color:#fff;border-radius:var(--radius-sm)}.manage-add button:hover{background:var(--c-primary-hover)}@media (max-width: 700px){.manage-table{display:block;overflow-x:auto}}.assignment-badge{font-size:var(--fs-xs);padding:1px 8px;border-radius:var(--radius-pill);margin-left:6px;white-space:nowrap}.assignment-badge.pending{background:#fff4e5;color:var(--c-warn)}.assignment-badge.declined{background:#fde8e8;color:var(--c-danger)}.assignment-btn{font-size:var(--fs-xs);margin-left:6px;padding:2px 10px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-bg);cursor:pointer}.assignment-btn.accept{border-color:var(--c-success);color:var(--c-success)}.assignment-btn.decline{border-color:var(--c-danger);color:var(--c-danger)}.ringi-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ringi-form input,.ringi-form select{padding:6px 10px;border:1px solid #ddd;border-radius:6px}.ringi-howto,.usage-guide{background:var(--c-primary-soft);border:1px solid #dbeafe;border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4)}.ringi-howto h3,.usage-guide h3{margin:0 0 var(--sp-2);font-size:var(--fs-md);font-weight:600;color:var(--c-text)}.ringi-howto ol,.usage-guide ol{margin:0;padding-left:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-1)}.ringi-howto li,.usage-guide li{font-size:var(--fs-base);color:var(--c-text);line-height:1.6}.usage-guide strong{font-weight:600}.ringi-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.ringi-card{border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);background:var(--c-bg)}.ringi-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-sm)}.ringi-card-head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.ringi-card-head strong{font-size:var(--fs-md);font-weight:600}.ringi-cat{font-size:var(--fs-xs);background:var(--c-primary-soft);color:var(--c-primary-hover);padding:2px 8px;border-radius:var(--radius-pill)}.ringi-type{font-size:var(--fs-xs);background:var(--c-bg-subtle);color:var(--c-text-muted);border:1px solid var(--c-border);padding:2px 8px;border-radius:var(--radius-pill)}.ringi-amount{font-variant-numeric:tabular-nums;color:var(--c-text);font-weight:600}.ringi-status{margin-left:auto;font-size:var(--fs-sm);font-weight:500;padding:2px 10px;border-radius:var(--radius-pill)}.ringi-status.pending{background:#fff4e5;color:#b9620a}.ringi-status.approved{background:#e6f4ea;color:#1e7e34}.ringi-status.rejected{background:#fde8e8;color:#b42318}.ringi-status.draft{background:#eee;color:#666}.ringi-content{margin:6px 0;color:#444;white-space:pre-wrap}.ringi-stages{display:flex;gap:var(--sp-3);list-style:none;padding:0;margin:var(--sp-2) 0;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--c-text-muted)}.ringi-stages .current{font-weight:600;color:var(--c-warn)}.ringi-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.ringi-reason{flex-basis:100%;display:flex;flex-direction:column;gap:var(--sp-1)}.ringi-reason label{display:flex;flex-direction:column;gap:var(--sp-1)}.ringi-reason textarea{width:100%;min-height:4em;resize:vertical}.btn-approve{color:var(--c-success)}.ringi-return{color:var(--c-warn);font-size:var(--fs-sm);margin:var(--sp-1) 0}.ringi-dates{font-size:var(--fs-xs);color:var(--c-text-muted);margin:var(--sp-1) 0;display:flex;gap:var(--sp-2);flex-wrap:wrap}.member-roles{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3)}.role-check{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);white-space:nowrap}.ringi-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:50}.ringi-drawer{position:fixed;top:0;right:0;height:100vh;width:min(640px,100%);background:#fff;box-shadow:-4px 0 16px #00000026;display:flex;flex-direction:column;overflow:hidden}.ringi-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border)}.ringi-drawer-head h2{margin:0;font-size:var(--fs-lg);font-weight:600}.ringi-drawer-close{font-size:22px;line-height:1;background:none;border:none;cursor:pointer;color:var(--c-text-muted)}.ringi-drawer-body{padding:var(--sp-4);overflow:auto}.ringi-fullform textarea{min-height:64px;resize:vertical}.ringi-fullform .form-actions{justify-content:flex-start}.ringi-fullform .btn-primary{padding:8px 18px}@media (max-width: 700px){.ringi-drawer{width:100%}}.ringi-detail-row{display:flex;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--c-border);font-size:var(--fs-base)}.ringi-detail-row span:first-child{color:var(--c-text-muted)}.ringi-detail-block{margin:var(--sp-3) 0}.ringi-detail-block h4{margin:0 0 var(--sp-1);font-size:var(--fs-sm);color:var(--c-text-muted);font-weight:600}.ringi-card{cursor:pointer}.ringi-card-meta{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:var(--fs-sm);color:var(--c-text-muted);margin-top:var(--sp-2)}.ringi-card-meta span:not(:last-child):after{content:" ·";color:var(--c-border-strong);margin-left:12px}.ringi-toolbar{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap}.ringi-toolbar input{flex:1;min-width:160px}.ringi-att-list{list-style:none;padding:0;margin:var(--sp-1) 0;display:flex;flex-direction:column;gap:var(--sp-1)}.ringi-att{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-base)}.ringi-att-size{color:var(--c-text-muted);font-size:var(--fs-sm)}.ringi-att button{font-size:var(--fs-xs);padding:2px 8px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-bg);cursor:pointer;color:var(--c-danger)}.ringi-att-empty{color:var(--c-text-faint);font-size:var(--fs-base);margin:var(--sp-1) 0}.work-cal-toolbar{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.work-cal-toolbar>button{font-size:var(--fs-base);padding:6px 12px;border:1px solid var(--c-border-strong);background:var(--c-bg);color:var(--c-text);border-radius:var(--radius-sm)}.work-cal-toolbar>button:hover{background:var(--c-bg-subtle)}.work-cal-spacer{flex:1}.work-cal-range{font-size:var(--fs-md);font-weight:600}.seg{display:inline-flex;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);overflow:hidden}.seg button{font-size:var(--fs-base);padding:6px 14px;border:none;background:var(--c-bg);color:var(--c-text-muted)}.seg button+button{border-left:1px solid var(--c-border-strong)}.seg button.active{background:var(--c-primary);color:#fff}.work-cal-err{color:var(--c-danger)}.page-desc{font-size:var(--fs-sm);color:var(--c-text-muted);margin:2px 0 var(--sp-3);line-height:1.5}.work-cal-month{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.work-cal-wd{text-align:center;font-size:11px;font-weight:600;color:#6b7280;padding-bottom:2px}.work-cal-mcell-blank{min-height:56px}.work-cal-mcell{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-2);min-height:56px;background:var(--c-bg);cursor:pointer}.work-cal-mcell:hover{border-color:var(--c-primary);background:var(--c-primary-soft)}.wtg-allday{display:grid;grid-template-columns:48px repeat(7,1fr);gap:2px;margin-bottom:4px}.wtg-allday-label{font-size:11px;color:#6b7280}.wtg-allday-cell{min-height:24px;border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:2px;display:flex;flex-wrap:wrap;gap:2px;align-items:center}.wtg-allday-add{font-size:var(--fs-sm);color:var(--c-primary);background:none;border:none;cursor:pointer}.wtg-chip{font-size:var(--fs-xs);background:var(--c-primary-soft);color:var(--c-text);border-radius:4px;padding:1px 5px}.wtg-grid{display:grid;grid-template-columns:48px repeat(7,1fr);gap:0;position:relative;border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden}.wtg-gutter{position:relative}.wtg-hour{position:absolute;right:4px;font-size:var(--fs-xs);color:var(--c-text-faint)}.wtg-col{position:relative;border-left:1px solid var(--c-border)}.wtg-col-head{position:sticky;top:0;z-index:1;font-size:var(--fs-sm);font-weight:600;text-align:center;background:var(--c-bg-subtle);color:var(--c-text-muted);height:18px;border-bottom:1px solid var(--c-border)}.wtg-col-body{background:repeating-linear-gradient(to bottom,var(--c-border) 0,var(--c-border) 1px,transparent 1px,transparent 32px)}.wtg-block{position:absolute;background:#dbeafe;border:1px solid #93c5fd;border-left:3px solid var(--c-primary);border-radius:4px;font-size:var(--fs-xs);line-height:1.3;padding:2px 5px;overflow:hidden;box-sizing:border-box;color:#1e3a8a}.wtg-block .who,.wtg-chip .who{color:var(--c-primary-hover);margin-right:3px;font-weight:500}.wtg-resize{position:absolute;left:0;right:0;bottom:0;height:6px;cursor:ns-resize}.wtg-resize-top{position:absolute;left:0;right:0;top:0;height:6px;cursor:ns-resize}.wtg-preview{position:absolute;left:0;right:2px;background:#2563eb2e;border:1px dashed #2563eb;border-radius:4px;font-size:10px;color:#1d4ed8;padding:1px 3px;box-sizing:border-box;pointer-events:none;overflow:hidden}.work-cal-form-panel{flex-direction:row;flex-wrap:wrap;align-items:center;margin-bottom:8px}.popover{z-index:50;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--sp-4)}.work-cal-popover-form{min-width:220px}.crm-tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--c-border);margin:var(--sp-3) 0;flex-wrap:wrap}.crm-tab{background:none;border:none;padding:8px 14px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--c-text-muted);font-size:var(--fs-base);cursor:pointer}.crm-tab:hover{background:var(--c-bg-subtle)}.crm-tab.active{color:var(--c-primary);border-bottom:2px solid var(--c-primary);font-weight:600}.crm-section{display:flex;flex-direction:column;gap:var(--sp-3)}.crm-form{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);background:var(--c-bg-subtle);border:1px solid var(--c-border);border-radius:var(--radius-md)}.crm-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.crm-table th,.crm-table td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--c-border);vertical-align:top}.crm-table th{color:var(--c-text-muted);font-weight:500;white-space:nowrap}.crm-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.crm-note{max-width:280px;white-space:pre-wrap}.crm-row-actions{display:flex;gap:var(--sp-1);white-space:nowrap}.crm-empty{color:var(--c-text-muted);text-align:center;padding:var(--sp-4)}.crm-dashboard{display:grid;gap:var(--sp-4);grid-template-columns:1fr 1fr}.crm-card{padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg)}.crm-card h3{margin:0 0 var(--sp-2);font-size:var(--fs-base)}.crm-card-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-2)}.crm-month-select{max-width:140px}.crm-bar-chart{display:flex;flex-direction:column;gap:6px}.crm-bar-row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.crm-bar-label{color:var(--c-text-muted);white-space:nowrap}.crm-bar-track{background:var(--c-bg-subtle);border-radius:var(--radius-sm);height:16px;overflow:hidden}.crm-bar-fill{display:block;height:100%;background:var(--c-primary);border-radius:var(--radius-sm)}.crm-bar-value{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.crm-funnel{display:flex;flex-direction:column;gap:4px}.crm-funnel-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.crm-funnel-stage{color:var(--c-text-muted);white-space:nowrap}.crm-funnel-track{background:var(--c-bg-subtle);border-radius:var(--radius-sm);height:18px}.crm-funnel-fill{display:flex;align-items:center;justify-content:flex-end;height:100%;min-width:1.5em;padding:0 6px;color:#fff;background:var(--c-primary);border-radius:var(--radius-sm);font-size:var(--fs-xs)}.crm-funnel-amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.crm-funnel-sub{color:var(--c-text-muted)}@media (max-width: 720px){.crm-dashboard{grid-template-columns:1fr}}.crm-sortable{padding:0}.crm-sort-btn{display:inline-flex;align-items:center;gap:4px;width:100%;background:none;border:none;padding:6px 10px;font:inherit;color:var(--c-text-muted);font-weight:500;cursor:pointer}.crm-sortable.crm-num .crm-sort-btn{justify-content:flex-end}.crm-sort-btn:hover{color:var(--c-text);background:var(--c-bg-subtle)}.crm-sort-ind{font-size:var(--fs-xs);color:var(--c-primary);min-width:1em}.crm-toolbar{display:flex;align-items:center;gap:var(--sp-2)}.crm-search{flex:1;max-width:420px;padding:6px 10px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);font:inherit}.crm-count{color:var(--c-text-muted);font-size:var(--fs-sm);white-space:nowrap}