.whole-layout{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1440px;margin:auto;min-height:calc(100vh - 65px)}.whole-sidebar{padding:26px 16px;background:#e8eef0}.whole-sidebar h2{font-size:18px;margin:0 12px 18px}.whole-sidebar nav{display:grid;gap:5px}.whole-sidebar nav button{color:#29434d;background:transparent;min-height:44px;border:0;border-radius:6px;text-align:left;padding:10px 12px}.whole-sidebar nav button.active,.whole-sidebar nav button:hover{background:#d5e6e1;color:#123e37;box-shadow:none}.whole-sidebar p{font-size:13px;color:#425d62;margin:30px 12px}.whole-main{min-width:0;padding:30px 32px 64px}.whole-project{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.whole-project h1{font-size:28px;margin:0 0 6px;overflow-wrap:anywhere}.whole-project p{margin:0;color:#425d62;font-size:14px}.whole-project label{font-size:13px;display:grid;gap:6px}.whole-project select{padding:8px;border:1px solid #91a8aa;border-radius:6px;background:white;color:var(--ink)}.whole-notice{font-size:13px;color:#425d62;max-width:75ch;margin:20px 0 28px}.whole-main h2{font-size:23px;margin:0 0 12px}.whole-main h3{font-size:18px;margin:0 0 10px}.whole-main .flow-main{padding:0;max-width:none}.whole-main .flow-main nav button{color:var(--ink)}.whole-main .flow-main nav button.active{color:white}.whole-section{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:24px}.whole-section>p{color:#425d62;max-width:75ch}.whole-form{margin-top:20px}.whole-form .flow-fields{max-width:800px}.whole-form button{margin-top:18px;min-height:44px}.whole-table-wrap{overflow:auto;max-width:100%;margin:20px 0}.whole-table{width:100%;border-collapse:collapse;min-width:600px;font-size:14px}.whole-table th,.whole-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.whole-table th{color:#425d62;font-weight:600}.whole-table button{min-height:40px;margin:3px 0}.whole-row{padding:18px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.whole-row p{color:#425d62;margin:8px 0}.whole-row .actions{display:flex;gap:8px;flex-wrap:wrap}.whole-empty{padding:16px 0;color:#425d62}.whole-todo{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.whole-todo button{flex-shrink:0;min-height:44px}.whole-todo span{font-size:14px;color:#425d62}.whole-note{font-size:14px;color:#425d62}.whole-money{font-variant-numeric:tabular-nums}.whole-main input:focus-visible,.whole-main select:focus-visible,.whole-main textarea:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.whole-main input,.whole-main textarea{caret-color:var(--teal)}.whole-body ::selection{background:#c8eee3;color:#122c38}
@media(max-width:850px){.whole-layout{grid-template-columns:minmax(0,1fr)}.whole-sidebar{padding:16px}.whole-sidebar h2{margin:0 0 12px}.whole-sidebar nav{display:flex;flex-wrap:wrap;gap:6px}.whole-sidebar nav button{border:1px solid #b1c5c8;padding:8px 11px}.whole-sidebar p{display:none}.whole-main{padding:24px 16px 48px}.whole-project{flex-wrap:wrap}.whole-project h1{font-size:25px}.whole-section{padding:20px 16px}.whole-form .flow-fields{grid-template-columns:1fr}.whole-form .flow-fields .wide{grid-column:auto}.whole-form button{width:100%}.whole-todo{align-items:flex-start}.whole-todo button{padding:9px 12px}}

.whole-layout>*{min-width:0}.whole-main{width:100%;max-width:100%}.whole-main>section{min-width:0;max-width:100%}.whole-table-wrap{width:100%}

.whole-project-picker{display:grid;gap:8px;margin-bottom:20px;max-width:560px;font-weight:600}.whole-project-picker select{width:100%;min-height:44px;border:1px solid #bbc9ce;border-radius:8px;padding:8px;background:#fff;color:#18343e} .whole-form input{min-width:0}

.whole-todo-toolbar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:18px 0}.whole-todo-toolbar label{display:grid;gap:8px;font-weight:600}.whole-todo-toolbar select{min-height:44px;padding:8px 12px;background:white;color:#18343e;border:1px solid #bbc9ce;border-radius:8px}.whole-todo-toolbar p{flex:1;min-width:200px;margin:0;color:#425d62}.whole-todo-list{list-style:none;padding:0;margin:0}.whole-todo-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0}.whole-todo-list li>div{min-width:0}.whole-todo-list h3{margin:0 0 8px}.whole-todo-list p{margin:4px 0;color:#425d62;overflow-wrap:anywhere}.whole-todo-list button{min-height:44px;flex-shrink:0}.whole-todo-list .whole-due-warning{color:#8b400c;font-weight:600}.whole-todo-list button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media(max-width:600px){.whole-todo-toolbar{gap:12px}.whole-todo-list li{flex-direction:column;gap:12px}.whole-todo-list button{width:100%}}
@media(max-width:600px){.whole-todo-toolbar{align-items:stretch;flex-direction:column}.whole-todo-toolbar p{min-width:0}.whole-todo-toolbar select{width:100%}}