:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}h1,h2,p{margin:0}.app-header{background:#14370a;flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;padding:28px 40px;display:flex}.app-header h1{color:#fff;letter-spacing:.02em;font-size:28px;font-weight:600}.app-header-user{color:#e6efdd;flex-shrink:0;align-items:center;gap:16px;font-size:14px;display:flex}.app-header-user button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;padding:6px 16px;font-size:14px;transition:background .2s}.app-header-user button:hover{background:#fff3}.login-page{--tea-dark:#14370a;--tea-primary:#3f8412;--tea-badge-bg:#e6efdd;--page-bg:#f5f5f0;--card-border:#eceae4;--text-muted:#6b7280;--text-label:#374151;--input-border:#d1d5db;--input-icon:#9ca3af;--tea-error:#d23232;background:var(--page-bg);flex-direction:column;min-height:100svh;display:flex}.login-main{flex:1;justify-content:center;align-items:center;padding:48px 20px;display:flex}.login-card{border:1px solid var(--card-border);box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:460px;padding:48px 40px;display:flex;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d}.login-badge{background:var(--tea-badge-bg);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:24px;display:flex}.sprout-icon{width:40px;height:40px;color:var(--tea-primary)}.login-subtitle{color:var(--text-muted);margin:0 0 32px;font-size:15px}.login-form{flex-direction:column;width:100%;display:flex}.form-field{text-align:left;width:100%;margin-bottom:20px}.form-field label{color:var(--text-label);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.field-icon{width:18px;height:18px;color:var(--input-icon);pointer-events:none;position:absolute;left:12px}.input-wrapper input{box-sizing:border-box;border:1px solid var(--input-border);width:100%;color:var(--text-label);background:#fff;border-radius:8px;padding:11px 14px 11px 40px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper input:focus{border-color:var(--tea-primary);outline:none;box-shadow:0 0 0 3px #3f841226}.login-error{color:var(--tea-error);margin:-8px 0 20px;font-size:13.5px}.login-submit{background:var(--tea-dark);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:background .2s}.login-submit:hover{background:var(--tea-primary)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.notes-page{--tea-dark:#14370a;--tea-accent:#db7d18;--page-bg:#f5f5f0;--sidebar-border:#e5e4e0;--card-border:#eceae4;--text-muted:#6b7280;--text-active:#111827;background:var(--page-bg);flex-direction:column;min-height:100svh;display:flex}.notes-body{flex:1;display:flex}.sidebar{box-sizing:border-box;border-right:1px solid var(--sidebar-border);flex-shrink:0;width:300px;padding:32px 24px}.sidebar-label{color:var(--tea-accent);margin-bottom:20px;font-size:15px;font-weight:700}.sidebar-nav{flex-direction:column;display:flex}.nav-group-toggle{width:100%;color:var(--text-active);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 0;font-size:15px;font-weight:600;display:flex}.nav-group-toggle svg:first-child{flex-shrink:0;width:18px;height:18px}.nav-group-toggle span{flex:1}.chevron-icon{color:#9ca3af;flex-shrink:0;width:14px;height:14px;transition:transform .2s}.chevron-icon.expanded{transform:rotate(0)}.chevron-icon:not(.expanded){transform:rotate(-90deg)}.nav-sublist{flex-direction:column;gap:18px;padding:0 0 0 28px;list-style:none;display:flex}.nav-sublist button{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:14.5px;display:flex}.nav-sublist button svg{flex-shrink:0;width:16px;height:16px}.nav-sublist button:hover{color:var(--text-active)}.nav-sublist button.active{color:var(--text-active);font-weight:600}.notes-content{box-sizing:border-box;flex-direction:column;flex:1;min-width:0;padding:40px 56px;display:flex}.mobile-nav-toggle,.mobile-nav-backdrop{display:none}@media (width<=768px){.mobile-nav-toggle{border:1px solid var(--sidebar-border);width:40px;height:40px;color:var(--text-active);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;margin:12px 0 0 20px;display:flex}.mobile-nav-toggle svg{width:20px;height:20px}.sidebar{z-index:20;background:var(--page-bg);transition:transform .2s ease-out;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-nav-backdrop{z-index:10;background:#00000059;display:block;position:fixed;inset:0}.notes-content{padding:24px 20px}}.notes-page-path{color:#9ca3af;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.notes-page-path-separator{color:#d1d5db}.notes-page-path a{color:var(--text-active);text-decoration:none}.notes-page-path a:hover{text-decoration:underline}.notes-card{border:1px solid var(--card-border);background:#fff;border-radius:20px;flex:1;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -4px #0000000a}.notes-card textarea{resize:none;width:100%;font:inherit;color:var(--text-active);background:0 0;border:none;outline:none;flex:1;font-size:15px;line-height:1.6}.notes-card textarea::placeholder{color:#9ca3af}.notes-card-message{justify-content:center;align-items:center}.notes-actions{justify-content:flex-end;align-items:center;gap:16px;display:flex}.notes-updated-at{color:var(--text-muted);font-size:13.5px}.notes-message-error{color:#d23232;font-size:13.5px}.save-button{color:var(--text-active);cursor:pointer;background:#efeee7;border:1px solid #d8d6cf;border-radius:12px;padding:14px 48px;font-size:16px;font-weight:700;transition:background .2s;box-shadow:0 1px 2px #0000000d}.save-button:hover{background:#e4e2d9}.save-button:disabled{opacity:.6;cursor:not-allowed}.modal-backdrop{z-index:30;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:20px;min-width:240px;padding:24px 20px;display:flex;box-shadow:0 20px 25px -5px #0000001a}.modal-message{color:var(--text-active);font-size:16px;font-weight:600}.modal-confirm-button{background:var(--tea-dark);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 32px;font-size:14.5px;font-weight:600}.modal-confirm-button:hover{opacity:.9}.materials-section{margin-bottom:24px}.materials-message{color:var(--text-muted);padding:16px 0;font-size:14px}.materials-error{color:#d23232;font-size:13.5px}.materials-toolbar{justify-content:flex-end;margin-bottom:12px;display:flex}.materials-add-button{background:var(--tea-dark);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600}.materials-add-button:hover{opacity:.9}.materials-table-wrap{border:1px solid var(--card-border);background:#fff;border-radius:16px;overflow-x:auto}.materials-table{border-collapse:collapse;width:100%;font-size:14px}.materials-table th,.materials-table td{text-align:left;border-bottom:1px solid var(--card-border);vertical-align:top;padding:12px 16px}.materials-table th{color:var(--text-muted);white-space:nowrap;font-weight:600}.materials-table tr:last-child td{border-bottom:none}.materials-table tr.is-disabled td{color:#9ca3af}.materials-check{text-align:center}.materials-notes{white-space:pre-line;overflow-wrap:anywhere;max-width:260px}.materials-empty{text-align:center;color:var(--text-muted);padding:24px 0}.materials-actions{grid-template-columns:44px 44px;gap:4px;width:92px;display:grid}.materials-actions button{box-sizing:border-box;cursor:pointer;white-space:nowrap;text-align:center;background:#efeee7;border:1px solid #d8d6cf;border-radius:15px;width:44px;padding:2px 4px;font-size:11px;line-height:2}.materials-actions button:disabled{opacity:.4;cursor:not-allowed}.materials-actions .materials-delete{color:#b42318;background:#fdecec;border-color:#f3c6c6}.materials-form{text-align:left;align-items:stretch;width:100%;max-width:380px}.materials-form h3{color:var(--text-active);margin:0;font-size:16px}.materials-field{color:var(--text-muted);flex-direction:column;gap:6px;font-size:13.5px;display:flex}.materials-field input,.materials-field textarea{font:inherit;color:var(--text-active);border:1px solid var(--sidebar-border);border-radius:8px;padding:12px 14px;font-size:16px}.materials-field textarea{resize:vertical;min-height:120px}.materials-checkbox{color:var(--text-active);align-items:center;gap:8px;font-size:14px;display:flex}.materials-form-actions{justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.materials-form-actions button{cursor:pointer;border:none;border-radius:10px;padding:8px 20px;font-size:14px}.materials-form-actions button[type=button]{color:var(--text-active);background:#efeee7}.materials-form-actions .materials-delete{color:#fff;background:#b42318}