.notes-panel{margin-top:24px}.notes-panel .section-title{flex-wrap:wrap}.notes-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:18px;display:grid}.note-card{border:1px solid #dce4dc;border-radius:12px;min-width:0;padding:14px;overflow:hidden}.note-0{background:#fff}.note-1{background:#fff4c5}.note-2{background:#e5f0dc}.note-3{background:#e4eff9}.note-4{background:#f8e3e9}.note-open{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;width:100%;display:block}.note-open h3{margin:6px 0 10px;font-weight:600}.note-open p{white-space:pre-wrap;max-height:230px;font-size:14px;line-height:1.6;overflow:hidden}.note-open small{align-items:center;gap:6px;margin-top:16px;font-size:12px;display:flex}.note-card>.icon-button{margin-top:10px;margin-left:auto;display:block}.note-colors{flex-wrap:wrap;gap:12px;display:flex}.note-colors label,.task-form .note-pin{align-items:center;gap:6px;display:flex}.note-colors input,.note-pin input{width:auto}.matrix-dialog{max-height:94vh;overflow:auto;width:calc(100vw - 32px)!important;max-width:1200px!important}.matrix-tools{flex-wrap:wrap;gap:12px;display:flex}.matrix-scroll{max-height:55vh;overflow:auto}.matrix-scroll table{border-collapse:collapse;width:100%;font-size:14px}.matrix-scroll th,.matrix-scroll td{text-align:left;vertical-align:top;border:1px solid #dce4df;padding:12px}.matrix-scroll th{background:#f4f7f5;position:sticky;top:0}.matrix-scroll td:last-child{width:180px;min-width:140px}.matrix-cell{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin-right:18px;display:inline-block}.matrix-today{background:#eaf0de}.matrix-error{color:#b42318}.matrix-scroll input{background:#fff}.matrix-scroll td:first-child{min-width:230px}.matrix-document{background:#eef1ef;border:1px solid #dce4df;border-radius:6px;width:100%;height:75vh}.catalog-field{gap:8px;display:grid}.catalog-field>label{font-size:14px;font-weight:600}.catalog-input{align-items:stretch;gap:8px;display:flex}.catalog-input>input{flex:1;min-width:0}.catalog-input>.secondary{flex-shrink:0;padding:10px}.catalog-add{background:#f5f8f5;border:1px solid #dce6df;border-radius:8px;gap:10px;padding:14px;display:grid}.catalog-add>div{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.catalog-add small{color:#64766c;font-size:12px}.catalog-combo{flex:1;min-width:0;position:relative}.catalog-combo>input{width:100%;padding-right:38px}.catalog-toggle{color:#55756a;background:0 0;border:0;padding:7px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.catalog-dropdown{z-index:60;background:#fff;border:1px solid #dce7e1;border-radius:12px;padding:7px;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 10px 30px #173d3224}.catalog-dropdown-heading{color:#6d8178;letter-spacing:1px;justify-content:space-between;align-items:center;padding:8px 10px 10px;font-size:10px;font-weight:700;display:flex}.catalog-dropdown-heading small{letter-spacing:0;background:#edf3ef;border-radius:12px;padding:2px 7px}.catalog-dropdown [role=listbox]{max-height:210px;overflow:auto}.catalog-option{text-align:left;color:#29493e;background:#fff;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;font-size:14px;display:flex}.catalog-option>span:nth-child(2){overflow-wrap:anywhere;flex:1}:is(.catalog-option.is-active,.catalog-option:hover,.catalog-option:focus-visible){background:#edf5ef;outline:none}.catalog-option-icon{color:#27725b;background:#f1f5f2;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.catalog-empty{color:#6d8178;margin:0;padding:10px;font-size:12px;line-height:1.6}.users-page{gap:24px;display:grid}.users-page h2{align-items:center;gap:9px;font-size:20px;display:flex}.users-filter{gap:8px;max-width:300px;margin:20px 0;font-size:14px;display:grid}.access-explanation{border-bottom:1px solid #e1e7e5;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 0;display:grid}.access-explanation p{color:#586e60;font-size:14px;line-height:1.7}.access-explanation strong{color:#294a39;display:block}.user-actions{flex-wrap:wrap;gap:12px;display:flex}.transfer-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.transfer-panel>div{max-width:680px}.team-scope{margin-bottom:20px}.users-page [data-slot=table-cell]{white-space:normal;min-width:110px}.users-page .section-title{flex-wrap:wrap}.users-page .invitation{flex-wrap:wrap;gap:20px}.report-filters{flex-wrap:wrap}.report-filters .select-control{min-width:200px}.task-report{max-height:460px;overflow:auto}.task-report h3{margin:24px 0 12px;font-size:17px}@media (max-width:800px){.access-explanation{grid-template-columns:1fr;gap:5px}.users-page .section-title{align-items:flex-start}.dashboard-filters,.productivity-dashboard>.section-title{flex-wrap:wrap}}.task-heading{flex-wrap:wrap}.task-date-range{justify-content:flex-end;gap:12px;margin-left:auto;display:flex}.task-date-range label{gap:7px;width:160px;min-width:0;font-size:13px;font-weight:600;display:grid}.task-date-range input{width:100%;min-width:0}.task-panel .task-tools{flex-wrap:wrap;gap:12px}.task-panel .task-tools>[data-slot=select-trigger]{width:190px}@media (max-width:600px){.task-date-range{width:100%;max-width:100%}.task-date-range label{flex:1;width:auto}}.agenda-close-action{flex-direction:column;align-items:flex-end;gap:8px;margin-top:16px;display:flex}.agenda-close-action .small-note{text-align:right;margin:0}.task-row.task-overdue .task-main>strong{color:#b42318}.report-actions{flex-wrap:wrap;gap:10px;display:flex}.reports-panel>.section-title{flex-wrap:wrap;gap:16px}.login-page{min-height:100vh;background:#f5f7f8;flex-direction:column;min-height:100dvh;display:flex}.login-header{background:#fff;min-height:80px;display:flex}.login-header .brand{background:#102f2a;flex-shrink:0;width:255px;padding:16px 24px}.login-header .topbar{flex:1;align-self:stretch;min-width:0;height:auto}.login-content{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-content .login-layout{width:100%;margin:0}@media (max-width:700px){.login-header .brand{width:auto;padding:16px;font-size:28px}.login-header .brand svg{width:28px}.login-header .topbar{height:auto;min-height:80px;padding:0 16px}.login-header .today-label{display:none}.login-header .topbar>span{font-size:12px}.login-content{padding:24px 16px}}@media (max-width:380px){.login-header .topbar>div{display:none}}