:root{--bg:#f4f5f7;--surface:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--primary:#1e3a8a;--primary-hover:#1e40af;--danger:#dc2626;--radius:10px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1{margin:0 0 .25rem;font-size:1.5rem}h2{margin:0;font-size:1.15rem}h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:1.25rem 0 .5rem;font-size:.8rem}input,select,textarea,button{font:inherit}input:not([type=checkbox]):not([type=color]),select,textarea{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:.5rem .6rem}input:focus,select:focus,textarea:focus{border-color:#0000;outline:2px solid #93c5fd}input[type=color]{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;width:2.5rem;height:2.25rem;padding:2px}label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}label.check{color:var(--text);flex-direction:row;align-items:center;gap:.4rem}.muted{color:var(--muted)}.small{font-size:.8rem}.error{color:var(--danger);background:#fef2f2;border-radius:8px;padding:.5rem .75rem;font-size:.9rem}.center{place-items:center;min-height:100vh;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.row>label{flex:1;min-width:140px}.spacer{flex:1}.btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:.5rem 1rem}.btn:hover{background:#f9fafb}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.danger-outline{color:var(--danger);border-color:#fecaca}.btn.full{width:100%}.btn:disabled{opacity:.6;cursor:default}.btn-link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem}.btn-link:hover{color:var(--text)}.confirm{align-items:center;gap:.5rem;display:inline-flex}.brand{letter-spacing:.02em;font-size:1.2rem;font-weight:800}.brand span{opacity:.8;margin-left:.25rem;font-weight:400}.brand.big{text-align:center;color:var(--primary);margin-bottom:.5rem;font-size:1.6rem}.shell{height:100vh;display:flex}.sidebar{color:#e2e8f0;background:#0f172a;flex-direction:column;flex-shrink:0;width:220px;padding:1rem .75rem;display:flex}.sidebar .brand{padding:.25rem .5rem 1rem}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{color:#cbd5e1;border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .6rem;font-size:.95rem;text-decoration:none;display:flex}.nav-item:hover{background:#1e293b}.nav-item.active{color:#fff;background:#1e3a8a}.nav-label{flex:1}.badge{color:#94a3b8;background:#334155;border-radius:99px;padding:1px 6px;font-size:.65rem}.sidebar-foot{border-top:1px solid #1e293b;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.sidebar-foot .muted{color:#94a3b8}.sidebar-foot .user-btn{color:#94a3b8;padding-left:0}.app-link{color:#94a3b8;margin-bottom:.5rem;font-size:.85rem}.sidebar-foot .user-btn:hover{color:#fff}.content{flex:1;overflow:auto}.page{padding:1.5rem}.page.narrow{max-width:760px}.login{flex-direction:column;gap:1rem;width:min(360px,92vw);padding:2rem;display:flex}.agenda{gap:1rem;height:100%;display:flex}.agenda-side{flex-direction:column;flex-shrink:0;gap:.75rem;width:220px;display:flex}.agenda-main{flex:1;min-width:0;min-height:500px;padding:1rem}.cat-filter{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.cat-filter label{color:var(--text);cursor:pointer;flex-direction:row;align-items:center;gap:.5rem;font-size:.9rem}.dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.fc{--fc-today-bg-color:#eff6ff;font-size:.9rem}.fc .fc-toolbar-title{font-size:1.2rem}.fc .fc-toolbar-title:first-letter{text-transform:uppercase}.fc .fc-button-primary{background:var(--primary);border-color:var(--primary)}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{background:#172554;border-color:#172554}.fc-event{cursor:pointer}.fc-event.status-done{opacity:.55}.fc-event.status-done .fc-event-title{text-decoration:line-through}.fc-event.status-cancelled{opacity:.4}.fc-event.status-cancelled .fc-event-title{font-style:italic;text-decoration:line-through}.fc-event.priority-high .fc-event-title:before{content:"❗"}.modal-backdrop{z-index:50;background:#0f172a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border-top:6px solid var(--primary);flex-direction:column;gap:.85rem;width:min(640px,100%);max-height:92vh;padding:1.25rem 1.5rem;display:flex;overflow:auto}.modal-head,.modal-foot{align-items:center;gap:.5rem;display:flex}.modal-head{justify-content:space-between}.title-input{font-weight:600;font-size:1.15rem!important}textarea.notes{background:#fffbeb!important}details summary{cursor:pointer;color:var(--muted);margin-bottom:.5rem;font-size:.85rem}.comments{border-top:1px solid var(--border);padding-top:.25rem}.comments h3{margin-top:.75rem}.comment{border-bottom:1px dashed var(--border);justify-content:space-between;gap:.5rem;padding:.4rem 0;display:flex}.comment p{white-space:pre-wrap;margin:.15rem 0 0}.comments .row{align-items:center;margin-top:.5rem}.comments .row input{flex:1}.cat-new{align-items:center;gap:.75rem;margin:1rem 0;padding:1rem;display:flex}.cat-list{margin:0;padding:.5rem 1rem;list-style:none}.cat-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.cat-row:last-child{border-bottom:none}.cat-row>input:not([type=color]){flex:1;min-width:160px}.notes-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.notes-toolbar h1{margin:0 .5rem 0 0}.notes-toolbar input.search{width:240px}.notes-toolbar select{width:auto}.seg{border:1px solid var(--border);background:#fff;border-radius:8px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:.45rem .9rem}.seg button.on{background:var(--primary);color:#fff}.empty{text-align:center;margin-top:4rem}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:start;gap:1rem;display:grid}.note{border-radius:6px;flex-direction:column;gap:.35rem;padding:.6rem .75rem .5rem;transition:box-shadow .15s;display:flex;position:relative;box-shadow:0 1px 2px #00000014,0 4px 10px #0000000f}.note:focus-within{box-shadow:0 2px 4px #0000001f,0 10px 24px #0000001f}.note.pinned{outline:2px solid #0000002e}.note-head{align-items:center;gap:.25rem;display:flex}.note-grip{cursor:grab;color:#00000059;-webkit-user-select:none;user-select:none;padding:0 .15rem;font-size:1.1rem}.note input.note-title,.note textarea.note-body,.note select.note-cat{background:0 0;border:none;outline:none;padding:.2rem .1rem}.note input.note-title{font-size:1rem;font-weight:600}.note textarea.note-body{resize:none;white-space:pre-wrap;min-height:4.5rem;line-height:1.45;overflow:hidden}.note select.note-cat{color:#0009;cursor:pointer;width:auto;max-width:55%;font-size:.78rem}.note-foot{opacity:.35;align-items:center;gap:.1rem;transition:opacity .15s;display:flex}.note:hover .note-foot,.note:focus-within .note-foot{opacity:1}.note-btn{cursor:pointer;filter:grayscale();opacity:.7;background:0 0;border:none;border-radius:6px;padding:.2rem .3rem;font-size:.9rem}.note-btn:hover{opacity:1;background:#00000014}.note-btn.on{filter:none;opacity:1}.note-meta{color:#00000073;align-items:center;gap:.35rem;font-size:.7rem;display:flex}.note-meta .dot{width:8px;height:8px}.note-colors{background:#fff;border-radius:8px;gap:.35rem;padding:.4rem;display:flex;box-shadow:0 2px 8px #00000026}.swatch{cursor:pointer;border:1px solid #00000026;border-radius:50%;width:22px;height:22px}.swatch.on{outline:2px solid var(--primary);outline-offset:1px}.note-confirm{background:#ffffffb3;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem;font-size:.85rem;display:flex}.note-confirm .btn{padding:.25rem .6rem}.sidebar-top{justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.sidebar-top .brand{padding:.25rem .5rem}.notif{position:relative}.notif-bell{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.3rem .45rem;font-size:1.1rem;position:relative}.notif-bell:hover{background:#1e293b}.notif-count{background:var(--danger);color:#fff;border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.65rem;font-weight:700;display:grid;position:absolute;top:-2px;right:-4px}.notif-panel{z-index:60;width:340px;max-height:80vh;color:var(--text);flex-direction:column;display:flex;position:fixed;top:1rem;left:230px;overflow:auto;box-shadow:0 10px 30px #0003}.notif-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.notif-perm{background:#eff6ff;flex-direction:column;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.notif-perm.muted{background:#f9fafb}.notif-empty{margin:0;padding:1rem}.notif-list{margin:0;padding:0;list-style:none}.notif-list li{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:.1rem;padding:.6rem 1rem;display:flex}.notif-list li:hover{background:#f9fafb}.notif-list li.unread{background:#eff6ff}.notif-list li.unread .notif-title:before{content:"● ";color:var(--primary)}.notif-title{font-weight:600}.notif-foot{margin:0;padding:.5rem 1rem}.toasts{z-index:70;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{width:320px;color:var(--text);cursor:pointer;border-left:4px solid var(--primary);align-items:flex-start;gap:.6rem;padding:.75rem .75rem .75rem 1rem;animation:.25s ease-out toast-in;display:flex;box-shadow:0 10px 30px #0003}.toast>div{flex:1}.toast-icon{font-size:1.3rem}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.hint{color:var(--muted);font-size:.72rem}.payments-page{max-width:1100px}.month-nav{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.month-nav h2{text-align:center;min-width:170px;font-size:1.25rem}.month-nav .btn{padding:.35rem .8rem;font-size:1.1rem;line-height:1}.stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.stat{flex-direction:column;gap:.15rem;padding:.85rem 1rem;display:flex}.stat span{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.78rem}.stat strong{font-variant-numeric:tabular-nums;font-size:1.35rem}.stat small{color:var(--muted);font-size:.8rem}.stat.ok strong{color:#15803d}.stat.bad{background:#fef2f2;border-color:#fecaca}.stat.bad strong{color:var(--danger)}.pay-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.pay-row{border-left:5px solid;grid-template-columns:56px 1fr auto 130px 120px;align-items:center;gap:1rem;padding:.7rem 1rem;display:grid}.pay-row.paid{background:#f8fafc}.pay-row.paid .pay-name,.pay-row.paid .pay-amount{color:var(--muted)}.pay-row.overdue{background:#fff7f7}.pay-date{flex-direction:column;align-items:center;line-height:1.1;display:flex}.pay-date strong{font-size:1.4rem}.pay-date span{color:var(--muted);text-transform:uppercase;font-size:.75rem}.pay-info{cursor:pointer;min-width:0}.pay-info:hover .pay-name{text-decoration:underline}.pay-name{flex-wrap:wrap;align-items:center;gap:.4rem;font-weight:600;display:flex}.pay-amount{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:1.05rem;font-weight:600}.pay-amount small{color:var(--muted);font-weight:400}.pay-status{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.pay-action{text-align:right}.pill{border-radius:99px;padding:2px 10px;font-size:.75rem;font-weight:600}.pill.paid{color:#15803d;background:#dcfce7}.pill.pending{color:#a16207;background:#fef9c3}.pill.overdue{color:#b91c1c;background:#fee2e2}.tag{color:#475569;background:#e2e8f0;border-radius:99px;padding:1px 7px;font-size:.68rem;font-weight:500}.tab-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tab-head p{margin:0}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);padding:.65rem 1rem;font-size:.75rem}.data-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:.65rem 1rem}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#f9fafb}.data-table tr.inactive td{color:var(--muted)}.data-table .dot,.data-table .tag{vertical-align:middle;margin-right:.35rem}.data-table .tag{margin-left:.35rem}.mini-table{border-collapse:collapse;width:100%;font-size:.85rem}.mini-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:.3rem .5rem;font-weight:500}.mini-table td{border-bottom:1px dashed var(--border);white-space:nowrap;padding:.3rem .5rem}.narrow-modal{width:min(480px,100%)}.narrow{max-width:760px}.summary{flex-direction:column;gap:.4rem;padding:1rem 1.25rem;display:flex}.summary-row{grid-template-columns:100px 1fr 150px;align-items:center;gap:1rem;display:grid}.summary-month{text-transform:capitalize;font-size:.9rem}.summary-bar{background:#f1f5f9;border-radius:99px;height:14px;overflow:hidden}.summary-bar div{background:#0f766e;border-radius:99px;height:100%}.summary-total{text-align:right;font-variant-numeric:tabular-nums;font-size:.9rem}.fc-event.payment{font-weight:500}.fc-event.pay-overdue{border-width:2px!important}.hf-page{max-width:1250px}.stat.warn strong{color:#b45309}.hf-table td.num,.hf-table th.num{text-align:right;font-variant-numeric:tabular-nums}.hf-table td.wrap{white-space:normal;min-width:140px}.hf-table td.icons{white-space:nowrap;text-align:right}.hf-table td.icons>*{margin-left:.3rem}.hf-table tr.past td{color:#64748b}.hf-table tr.cancelled-row td{text-decoration:line-through}.hf-table tr.cancelled-row td.icons{text-decoration:none}.hf-table .group-row td{text-transform:uppercase;letter-spacing:.05em;color:#991b1b;cursor:default;background:#f8fafc;padding-top:.9rem;font-size:.8rem;font-weight:700}.hf-table .group-row:hover td{background:#f8fafc}.ok{color:#15803d}.bad{color:#b91c1c}.pill.cancelled{color:#64748b;background:#f1f5f9}.pill.done{color:#475569;background:#f1f5f9}.pill.today{color:#fff;background:#dc2626}.wide-modal{width:min(1100px,100%)}.gig-grid{grid-template-columns:1.15fr 1fr;gap:1.5rem;display:grid}.gig-grid section{flex-direction:column;gap:.75rem;min-width:0;display:flex}.gig-grid h3{align-items:center;gap:.5rem;margin:.25rem 0 0;display:flex}.money-summary{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.money-summary div{border:1px solid var(--border);background:#f8fafc;border-radius:8px;flex-direction:column;padding:.5rem .7rem;display:flex}.money-summary span{text-transform:uppercase;color:var(--muted);letter-spacing:.04em;font-size:.72rem}.money-summary strong{font-variant-numeric:tabular-nums;font-size:1.1rem}.progress{background:#f1f5f9;border-radius:99px;height:8px;overflow:hidden}.progress div{background:#16a34a;border-radius:99px;height:100%;transition:width .3s}.deposits td.note-cell{text-overflow:ellipsis;max-width:160px;color:var(--muted);overflow:hidden}.deposit-form{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.deposit-form input[type=date]{flex:none;width:150px}.deposit-form input[type=number]{flex:none;width:110px}.deposit-form select{width:auto}.deposit-form input:not([type]){flex:1;width:auto;min-width:120px}.attachments{flex-direction:column;gap:.5rem;display:flex}.file-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.file-list li{border:1px solid var(--border);border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.file-list select{width:auto;padding:.2rem .4rem;font-size:.8rem}.file-name{text-align:left;min-width:0;color:var(--primary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;padding:0;overflow:hidden}.file-name:hover{text-decoration:underline}.file-name.static{color:var(--text);cursor:default;text-decoration:none}.dropzone{text-align:center;cursor:pointer;color:var(--muted);border:2px dashed #cbd5e1;border-radius:10px;padding:1rem;font-size:.9rem;transition:background .15s,border-color .15s}.dropzone:hover,.dropzone.over{color:var(--text);background:#fef2f2;border-color:#f87171}@media (width<=860px){.shell{flex-direction:column;height:auto;min-height:100vh}.sidebar{flex-direction:row;align-items:center;gap:.5rem;width:100%;padding:.5rem;overflow-x:auto}.sidebar .brand{white-space:nowrap;padding:0 .5rem}.sidebar-top{padding:0}.notif-panel{width:auto;top:3.5rem;left:.5rem;right:.5rem}.toasts{left:.5rem;right:.5rem}.toast{width:auto}.sidebar nav{flex-direction:row}.nav-label,.badge{display:none}.sidebar-foot{border:none;padding:0}.sidebar-foot .muted{display:none}.agenda{flex-direction:column;height:auto}.agenda-side{width:100%}.cat-filter{flex-flow:wrap;gap:.5rem 1rem}.agenda-main{height:75vh;padding:.5rem}.fc .fc-toolbar{flex-wrap:wrap;gap:.5rem}.page{padding:1rem}.notes-toolbar input.search{width:100%}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem}.pay-row{grid-template-columns:44px 1fr auto;gap:.5rem .75rem}.pay-status{flex-direction:row;grid-column:2;align-items:center;gap:.5rem}.pay-action{grid-column:3}.summary-row{grid-template-columns:70px 1fr 110px;gap:.5rem}.gig-grid{grid-template-columns:1fr}}
