.cf-dialog{box-sizing:border-box;width:min(1080px,calc(100% - 28px));max-width:calc(100% - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain;padding:34px;border:1px solid #c5d9e9;border-radius:24px;background:#f5f9fd;color:#173751;box-shadow:0 28px 100px #092b4d55;font:15px/1.6 Arial}.cf-dialog *{box-sizing:border-box}.cf-dialog [hidden]{display:none!important}.cf-dialog::backdrop{background:#092b4d99;backdrop-filter:blur(4px)}.cf-dialog header{display:flex;justify-content:space-between;gap:20px}.cf-kicker{font-size:11px;letter-spacing:.13em;color:#427699;font-weight:700}.cf-dialog h2{font-size:38px;line-height:1.1;letter-spacing:-1.4px;margin:15px 0}.cf-dialog h3{font-size:23px;margin:28px 0 10px}.cf-dialog p{line-height:1.6}.cf-dialog button,.cf-upload{font:600 14px/1.4 Arial;min-height:44px;padding:11px 17px;border:1px solid #bdd4e6;border-radius:9px;background:#edf5fc;color:#175784;cursor:pointer}.cf-dialog .cf-primary{background:#0872ce;border-color:#0872ce;color:white}.cf-dialog #cf-close{font-size:23px;width:44px;height:44px;padding:0;flex:none}.cf-intro{padding:22px 25px;background:#112f4c;color:#d2e6f6;border-radius:15px;margin:22px 0}.cf-intro strong{color:white;font-size:19px}.cf-intro p{max-width:730px}.cf-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.cf-dialog label{display:block;font-size:14px;font-weight:600}.cf-dialog input:not([type=checkbox]),.cf-dialog select,.cf-dialog textarea{display:block;width:100%;min-width:0;padding:12px;font:15px/1.5 Arial;color:#173751;background:white;border:1px solid #bcd2e4;border-radius:8px;margin:6px 0 18px}.cf-dialog textarea{font-family:Consolas,monospace;font-size:13px;resize:vertical}.cf-note,.cf-roadmap{font-size:13px;color:#4d6b85}.cf-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.cf-upload{position:relative;overflow:hidden;margin:0}.cf-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.cf-dialog :focus-visible,.cf-upload:focus-within{outline:3px solid #6caee4;outline-offset:3px}#cf-status{color:#14628d;font-size:14px}.cf-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.cf-metrics article{padding:22px;background:white;border:1px solid #d2e1ee;border-radius:14px}.cf-metrics span{font-size:12px;color:#50728c}.cf-metrics strong{display:block;font-size:26px;line-height:1.2;margin-top:12px;color:#126caa;overflow-wrap:anywhere}.cf-metrics .cf-alert strong{color:#b63a36}.cf-assumptions{padding:15px 18px;background:#e7f1fa;border-left:3px solid #3280bc;border-radius:8px;font-size:13px}.cf-chart{display:grid;gap:13px;margin:22px 0}.cf-week{display:grid;grid-template-columns:125px 1fr 150px;gap:6px 18px;align-items:center}.cf-week>span{font-weight:600;font-size:13px}.cf-week small{font-size:12px;color:#51758f}.cf-week>span small{display:block;font-weight:400}.cf-week>small{grid-column:2/-1}.cf-week>strong{text-align:right;font-size:14px}.cf-track{height:16px;border-radius:5px;background:#dceaf6;overflow:hidden}.cf-track i{height:100%;display:block;background:linear-gradient(90deg,#0674cc,#45b3e8);border-radius:5px}.cf-track i.negative{background:#c6534c}.cf-expense{display:grid;grid-template-columns:1fr 170px 150px;align-items:center;gap:22px;padding:20px;background:white;border:1px solid #d4e3ef;border-radius:12px;margin:10px 0}.cf-expense>div{min-width:0;overflow-wrap:anywhere}.cf-expense p,.cf-expense small{font-size:12px;color:#517089;margin:7px 0}.cf-expense select{margin-bottom:0}.cf-expense .cf-receipt{display:flex;gap:9px;align-items:center;font-size:13px}.cf-receipt input{width:20px;height:20px;accent-color:#0872ce}.cf-roadmap{border-top:1px solid #c8dbe9;padding-top:20px;margin-top:28px}.cf-roadmap summary{font-weight:600;cursor:pointer;padding:8px 0}.dark-mode .cf-dialog{background:#112d47;color:#e4f1ff;border-color:#375776;color-scheme:dark}.dark-mode .cf-metrics article,.dark-mode .cf-expense,.dark-mode .cf-dialog input:not([type=checkbox]),.dark-mode .cf-dialog textarea,.dark-mode .cf-dialog select{background:#173853;color:#e4f1ff;border-color:#44647e}.dark-mode .cf-kicker,.dark-mode .cf-note,.dark-mode .cf-roadmap,.dark-mode .cf-expense small,.dark-mode .cf-expense p,.dark-mode .cf-week small,.dark-mode .cf-metrics span{color:#b7d0e7}.dark-mode .cf-metrics strong,.dark-mode #cf-status{color:#94d6ff}.dark-mode .cf-assumptions{background:#204460}.dark-mode .cf-metrics .cf-alert strong{color:#ffa99b}@media(max-width:760px){.cf-dialog{padding:22px}.cf-dialog h2{font-size:31px}.cf-metrics{grid-template-columns:1fr}.cf-inputs{grid-template-columns:1fr 1fr;gap:10px}.cf-inputs>label:last-child{grid-column:1/-1}.cf-expense{grid-template-columns:1fr 1fr;gap:16px}.cf-expense>div{grid-column:1/-1}.cf-week{grid-template-columns:76px 1fr 110px;gap:6px 10px}.cf-week>strong{font-size:12px}.cf-week>small{grid-column:1/-1}.cf-dialog textarea{font-size:14px}.cf-actions>button{flex:1 1 170px}}
.modern-app .cf-dialog .cf-banner{margin:-34px -34px 0;padding:38px;min-height:285px;align-items:flex-start;background:linear-gradient(90deg,#07172beb 0%,#07172b55 65%),url('/assets/bookkeeping-banner.png') center/cover;color:#fff;border-radius:23px 23px 0 0}.modern-app .cf-dialog .cf-banner h2{color:white;font-size:38px;max-width:440px}.modern-app .cf-dialog .cf-banner p,.modern-app .cf-dialog .cf-banner .cf-kicker{color:#c3e3ff}.cf-banner #cf-close{background:#ffffffeb;color:#173751;border:0}.cf-nav{display:flex;gap:22px;padding:19px 0 3px;border-bottom:1px solid #d0e1ee}.cf-nav a{padding:10px 0;color:#0872ce;text-decoration:none;font-weight:600}.modern-app .cf-intro{background:#e7f1fa;color:#234e6c;border:1px solid #c5dced}.modern-app .cf-intro strong{color:#183b57}.modern-app .cf-intro p{color:#3f617b}.modern-app .cf-dialog h3{color:#173751}.cf-receipt-inbox{border-top:1px solid #c8dce9;margin-top:36px;padding-top:26px;scroll-margin-top:20px}.ri-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.ri-heading h3{margin:8px 0}.ri-heading p{color:#4d6b85}.ri-private,.ri-state{display:inline-block;font-size:12px;padding:6px 10px;border-radius:6px;background:#e2f2ec;color:#236249;white-space:nowrap}.ri-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}#ri-form{padding:22px;background:white;border:1px solid #d2e1ed;border-radius:14px}.cf-dialog #ri-file{font-size:12px;padding:11px 8px}.ri-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}.ri-toolbar label{flex:1 1 140px}.ri-toolbar input,.ri-toolbar select{margin-bottom:0!important}.ri-row{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #d6e4ef}.ri-row>div{min-width:0}.ri-row p,.ri-row small{display:block;margin:4px 0;color:#4d6b85;font-size:13px;overflow-wrap:anywhere}.ri-row .ri-state{margin-top:7px}.ri-row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cf-dialog #ri-status{font-size:14px;color:#176390}.cf-dialog button:disabled{opacity:.5;cursor:not-allowed}.modern-app.dark-mode .cf-dialog h3{color:#e4f1ff}.modern-app.dark-mode .cf-intro{background:#173853;border-color:#436781}.modern-app.dark-mode .cf-intro strong{color:#edf7ff}.modern-app.dark-mode .cf-intro p,.dark-mode .ri-row p,.dark-mode .ri-row small,.dark-mode .ri-heading p{color:#bdd5e8}.dark-mode #ri-form{background:#173853;border-color:#436781}.dark-mode .cf-nav a,.dark-mode .cf-dialog #ri-status{color:#9ed5ff}.dark-mode .ri-private,.dark-mode .ri-state{background:#204d43;color:#c1ebdb}
@media(max-width:760px){.modern-app .cf-dialog .cf-banner{margin:-22px -22px 0;padding:25px;min-height:255px;background-position:60% center}.modern-app .cf-dialog .cf-banner h2{font-size:30px;max-width:250px}.ri-fields{grid-template-columns:1fr 1fr}.ri-heading,.ri-row{flex-direction:column}.ri-row-actions{justify-content:flex-start}.ri-toolbar button{flex:1 1 150px}}
@media(max-width:440px){.ri-fields{grid-template-columns:1fr}.cf-dialog #ri-form{padding:16px}.cf-expense{grid-template-columns:1fr}.cf-expense>div{grid-column:auto}.modern-app .cf-dialog .cf-banner{background-position:58% center}}
.cf-quick{padding:18px 22px;margin:20px 0;border:1px solid #c7dbea;background:#fff;border-radius:12px}.cf-quick summary{font-weight:600;cursor:pointer;min-height:32px}.cf-quick form{margin-top:18px}.dark-mode .cf-quick{background:#173853;border-color:#436781}.modern-app .cf-dialog .cf-banner{box-shadow:inset 0 -1px #ffffff18}
.cf-connections{margin-top:32px;padding-top:26px;border-top:1px solid #cadae9}.cf-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.cf-connection-grid article{padding:18px;border-radius:12px;background:white;border:1px solid #c7dbea}.cf-connection-grid strong{display:block;font-size:17px}.cf-connection-status{display:block;margin:10px 0;color:#5d7183;font-size:12px}.cf-connection-grid p{font-size:14px}.cf-connection-grid small{font-size:12px;line-height:1.6;color:#58718a}.cf-connections summary{min-height:44px;cursor:pointer;font-weight:600}.dark-mode .cf-connection-grid article{background:#173853;border-color:#436781}.dark-mode .cf-connection-status,.dark-mode .cf-connection-grid small{color:#bdd5e8}@media(max-width:700px){.cf-connection-grid{grid-template-columns:1fr}}
