.reconcile-heading{margin:24px 0 10px;color:#17233b;font-size:16px}.reconcile-total td{background:#ecfdf3!important;color:#047857;font-weight:800}.reconcile-signatures{display:grid;grid-template-columns:1fr 1fr .75fr;gap:20px;margin-top:28px;padding:22px;border:1px solid #dde4f0;border-radius:14px;background:#fafbfe}.reconcile-signatures>div{display:grid;gap:13px}.reconcile-signatures b{font-size:12px;color:#334155}.reconcile-signatures span{font-size:13px;color:#64748b}@media(max-width:760px){.reconcile-signatures{grid-template-columns:1fr}.report-type-grid{grid-template-columns:1fr!important}}
.daily-record-card{padding:0;overflow:hidden}.daily-toolbar{padding:18px 20px;border-bottom:1px solid #e5eaf2;background:#fff}.daily-picker{display:inline-flex;align-items:stretch;border:1px solid #dbe2ed;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 10px #17233b0a}.daily-picker>button{width:42px;border:0;background:#f8f9fc;color:#4f46e5;font-size:25px;cursor:pointer}.daily-picker label{display:flex;align-items:center;gap:10px;padding:7px 12px;border-inline:1px solid #e5eaf2}.daily-picker label span{font-size:11px;font-weight:800;color:#758099;text-transform:uppercase}.daily-picker input{border:0;background:transparent;color:#17233b;font-weight:800;font-family:inherit}.daily-filter-row{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto;gap:12px;align-items:center;margin-top:14px}.daily-search{display:flex;align-items:center;gap:9px;border:1px solid #dbe2ed;border-radius:11px;padding:0 13px;background:#fff}.daily-search span{font-size:22px;color:#64748b}.daily-search input,.daily-filter-row select{height:44px;border:0;background:#fff;font-family:inherit;color:#26324b}.daily-search input{width:100%;outline:none}.daily-filter-row select{border:1px solid #dbe2ed;border-radius:11px;padding:0 12px}.daily-total{display:grid;grid-template-columns:auto auto;column-gap:12px;align-items:center;justify-items:end;min-width:200px}.daily-total small{font-size:10px;color:#8490a5}.daily-total b{grid-row:1/3;grid-column:2;font-size:20px;color:#4f46e5}.daily-total span{font-size:11px;color:#8490a5}.daily-table{min-width:980px}.daily-table th,.daily-table td{padding:14px 16px}.daily-table tbody tr:nth-child(even){background:#fbfcfe}.daily-note{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receipt-view-btn{border:0;background:#eef2ff;color:#4f46e5;padding:6px 9px;border-radius:8px;font-weight:700;cursor:pointer}.daily-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:14px 18px;border-top:1px solid #e7ebf2}.daily-pagination span{margin-right:4px;color:#64748b;font-size:12px}.daily-pagination button{width:36px;height:36px;border:1px solid #dbe2ed;border-radius:9px;background:#fff;color:#4f46e5;font-size:19px}.daily-pagination button:disabled{opacity:.35}.daily-empty{min-height:150px!important;display:grid!important;align-content:center;gap:6px}.daily-empty small{display:block;color:#8490a5}.daily-home-head{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%}.report-workspace{padding-bottom:22px!important}.report-empty-state{min-height:180px!important}.report-preview,.report-workspace .table-wrap{max-height:520px;overflow:auto}
@media(max-width:760px){.daily-filter-row{grid-template-columns:1fr}.daily-total{justify-items:start;grid-template-columns:auto auto;min-width:0}.daily-total b{grid-row:auto;grid-column:auto}.daily-picker{display:flex;width:100%}.daily-picker label{flex:1;justify-content:center}.daily-home-head{align-items:flex-start;flex-direction:column}.daily-toolbar{padding:14px}.daily-record-card{border-radius:14px}.daily-table{min-width:0}.daily-table thead{display:none}.daily-table,.daily-table tbody,.daily-table tr,.daily-table td{display:block;width:100%}.daily-table tr{padding:12px 14px;border-bottom:1px solid #e7ebf2}.daily-table td{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border:0;text-align:right}.daily-table td:before{content:attr(data-label);font-size:10px;font-weight:800;color:#8490a5;text-transform:uppercase}.daily-note{max-width:none;white-space:normal}.report-workspace{padding-inline:12px!important}.report-workspace-head{gap:12px}.reconcile-heading{font-size:14px;margin-top:18px}.report-preview,.report-workspace .table-wrap{max-height:none}}

/* Income and expense pages retain one clean long card, but each gets a clear financial color. */
.income-record-card,.expense-record-card{border:1px solid #dfe7f5;box-shadow:0 12px 32px #1e293b0d}.income-record-card{border-top:5px solid #2563eb}.expense-record-card{border-top:5px solid #f05a5f}.income-record-card .daily-toolbar{background:linear-gradient(90deg,#eff6ff 0%,#fff 54%)}.expense-record-card .daily-toolbar{background:linear-gradient(90deg,#fff1f2 0%,#fff 54%)}.income-record-card .daily-total b{color:#2563eb}.expense-record-card .daily-total b{color:#d9485f}.income-record-card .daily-table thead{background:#eff6ff}.expense-record-card .daily-table thead{background:#fff1f2}.income-record-card .daily-table th{color:#1d4ed8}.expense-record-card .daily-table th{color:#c24154}.income-record-card .daily-pagination{background:#f8fbff}.expense-record-card .daily-pagination{background:#fffafb}

/* The reconciliation is one document: income on the left, expense on the right, totals closing it out below. */
.reconcile-workspace{padding:0!important;overflow:hidden}.reconcile-workspace>.report-workspace-head{padding:24px 28px;border-bottom:1px solid #e4e9f2}.reconcile-paper{margin:22px 28px 28px;border:1px solid #dce4ef;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 14px 38px #2332500c}.reconcile-paper-head,.reconcile-closeout>header{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #e7ebf2}.reconcile-paper-head h3,.reconcile-closeout h3{margin:4px 0 0;color:#17233b;font-size:21px}.reconcile-paper-head>span,.reconcile-closeout>header>span{font-size:12px;font-weight:800;color:#71809a;white-space:nowrap}.reconcile-paper-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reconcile-side{min-width:0}.reconcile-side.income-side{border-right:1px solid #dfe6f0}.reconcile-side>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;border-bottom:1px solid #e6ebf3}.reconcile-side>header span{display:block;font-size:10px;font-weight:900;letter-spacing:.08em}.income-side>header{background:#eff6ff}.income-side>header span,.income-side>header>strong{color:#2563eb}.expense-side>header{background:#fff1f2}.expense-side>header span,.expense-side>header>strong{color:#d9485f}.reconcile-side h3{margin:4px 0 0;color:#17233b;font-size:16px}.reconcile-side>header>strong{font-size:18px;white-space:nowrap}.reconcile-entry-list{padding:4px 18px}.reconcile-entry{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 4px;border-bottom:1px solid #eef1f6}.reconcile-entry:last-child{border-bottom:0}.reconcile-entry-info{display:grid;min-width:0;gap:3px}.reconcile-entry time,.reconcile-entry-info span,.reconcile-entry-info small{font-size:11px;color:#7b879c}.reconcile-entry-info b{overflow:hidden;color:#26334d;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.reconcile-entry-info small{color:#c24154;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reconcile-entry>strong{color:#1d2b48;font-size:13px;text-align:right;white-space:nowrap}.reconcile-side>footer{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-top:1px solid #e4e9f2;font-size:12px;font-weight:900}.income-side>footer{background:#f8fbff;color:#1d4ed8}.expense-side>footer{background:#fffafb;color:#c24154}.reconcile-side-empty{padding:40px 18px;color:#8490a5;font-size:13px;text-align:center}.reconcile-closeout{border-top:1px solid #dfe6f0;background:#fbfcfe}.reconcile-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 24px 14px}.reconcile-totals article{display:grid;gap:8px;padding:16px 18px;border-radius:13px}.reconcile-totals span{font-size:11px;font-weight:800}.reconcile-totals b{font-size:20px;white-space:nowrap}.income-total{background:#edf6ff;color:#1d4ed8}.expense-total{background:#fff0f1;color:#c24154}.balance-total{background:#ecfdf3;color:#047857}.reconcile-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px 22px}.reconcile-channels article{padding:13px 15px;border:1px solid #e3e8f0;border-radius:11px;background:#fff}.reconcile-channels article>span{color:#4a5870;font-size:12px;font-weight:900}.reconcile-channels article>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.reconcile-channels em{display:grid;gap:2px;color:#8490a5;font-size:10px;font-style:normal}.reconcile-channels em b{color:#41506a;font-size:12px}.reconcile-channels strong{grid-column:1/-1;padding-top:7px;border-top:1px solid #edf0f5;color:#047857;font-size:13px;text-align:right}.reconcile-confirmation{margin:0;padding:15px 24px;border-top:1px solid #e4e9f2;color:#5e6c84;font-size:12px;font-style:italic}.reconcile-paper .reconcile-signatures{margin:0;border:0;border-radius:0;background:#f8fafc}

@media(max-width:860px){.reconcile-paper{margin:16px}.reconcile-workspace>.report-workspace-head{padding:18px}.reconcile-paper-columns{grid-template-columns:1fr}.reconcile-side.income-side{border-right:0;border-bottom:1px solid #dfe6f0}.reconcile-totals,.reconcile-channels{grid-template-columns:1fr}.reconcile-totals{padding-inline:16px}.reconcile-channels{padding-inline:16px}.reconcile-paper-head,.reconcile-closeout>header{padding:18px}.reconcile-confirmation{padding-inline:18px}.reconcile-paper .reconcile-signatures{padding:18px}.reconcile-paper-head h3,.reconcile-closeout h3{font-size:18px}}

/* ── Glassmorphism / neo-fintech visual layer.  Presentation only; no data or actions are changed. ── */
body.breaktime-app{--glass-surface:rgba(255,255,255,.62);--glass-strong:rgba(255,255,255,.82);--glass-border:rgba(255,255,255,.76);--ink:#11233f;--ink-muted:#687b9a;--aqua:#1db8c4;--blue:#4d6ff0;--violet:#8b5cf6;--mint:#13b981;background:#e8efff;color:var(--ink)}
body.breaktime-app:before,body.breaktime-app:after{content:"";position:fixed;z-index:-2;width:46vw;height:46vw;border-radius:50%;pointer-events:none;filter:blur(18px);opacity:.7;animation:glassFloat 15s ease-in-out infinite alternate}body.breaktime-app:before{top:-22vw;right:-10vw;background:radial-gradient(circle,rgba(84,126,255,.38),rgba(133,100,238,.08) 48%,transparent 70%)}body.breaktime-app:after{bottom:-25vw;left:12vw;background:radial-gradient(circle,rgba(45,214,185,.28),rgba(72,152,255,.09) 48%,transparent 70%);animation-delay:-8s}
@keyframes glassFloat{from{transform:translate3d(-1.5%,0,0) scale(.98)}to{transform:translate3d(2%,2%,0) scale(1.04)}}@keyframes softPulse{0%,100%{box-shadow:0 0 0 0 rgba(73,111,240,.12)}50%{box-shadow:0 0 0 10px rgba(73,111,240,0)}}
body.breaktime-app #app{background:linear-gradient(135deg,rgba(244,248,255,.72),rgba(228,244,250,.68) 49%,rgba(243,237,255,.72));isolation:isolate}body.breaktime-app #app:before{inset:74px 0 0 264px;background:radial-gradient(circle at 82% 8%,rgba(255,255,255,.68),transparent 26%),linear-gradient(120deg,rgba(255,255,255,.18),transparent 48%,rgba(139,92,246,.055))}
body.breaktime-app .sidebar{background:linear-gradient(160deg,rgba(17,39,74,.93),rgba(30,54,104,.87) 54%,rgba(69,41,113,.84));border-right:1px solid rgba(199,221,255,.18);box-shadow:12px 0 42px rgba(16,31,67,.2);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}body.breaktime-app .sidebar:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 3%,rgba(100,222,225,.2),transparent 29%),radial-gradient(circle at 90% 83%,rgba(148,91,255,.22),transparent 37%)}
body.breaktime-app .sidebar .brand{padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.11)}body.breaktime-app .sidebar .brand>span{background:linear-gradient(145deg,rgba(227,255,255,.92),rgba(211,220,255,.88));box-shadow:0 12px 30px rgba(21,202,209,.2)}body.breaktime-app .sidebar .company{background:rgba(255,255,255,.075);border-color:rgba(227,239,255,.18);backdrop-filter:blur(14px)}body.breaktime-app .sidebar .nav-btn{transition:transform .2s ease,background .2s ease,color .2s ease}body.breaktime-app .sidebar .nav-btn:hover{transform:translateX(3px);background:rgba(255,255,255,.1)}body.breaktime-app .sidebar .nav-btn.active{background:linear-gradient(105deg,rgba(255,255,255,.94),rgba(240,247,255,.78));box-shadow:inset 3px 0 #4c8dff,0 12px 26px rgba(2,16,55,.18)}body.breaktime-app .sidebar .side-foot button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);backdrop-filter:blur(12px)}
body.breaktime-app .topbar{background:rgba(250,253,255,.58);border-bottom:1px solid rgba(255,255,255,.74);box-shadow:0 10px 34px rgba(41,62,127,.08);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}body.breaktime-app .topbar h1{color:#142650}.period,body.breaktime-app .user-chip,body.breaktime-app .icon-btn{background:rgba(255,255,255,.56);border-color:rgba(202,216,244,.65);box-shadow:0 5px 17px rgba(43,67,132,.06);backdrop-filter:blur(13px)}
body.breaktime-app .card,body.breaktime-app .dashboard-panel,body.breaktime-app .stat-card,body.breaktime-app .report-workspace,body.breaktime-app .report-type-card,body.breaktime-app .table-card{background:var(--glass-surface);border-color:var(--glass-border);box-shadow:0 14px 38px rgba(40,61,126,.1),inset 0 1px rgba(255,255,255,.76);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}body.breaktime-app .card:hover,body.breaktime-app .dashboard-panel:hover,body.breaktime-app .stat-card:hover,body.breaktime-app .report-type-card:hover{border-color:rgba(255,255,255,.96);box-shadow:0 18px 44px rgba(46,69,143,.15),inset 0 1px rgba(255,255,255,.82)}
body.breaktime-app .stat-card{position:relative;overflow:hidden;background:linear-gradient(137deg,rgba(255,255,255,.76),rgba(247,252,255,.38))}body.breaktime-app .stat-card:after{content:"";position:absolute;right:-24px;bottom:-30px;width:102px;height:102px;border-radius:50%;background:radial-gradient(circle,rgba(88,119,255,.22),transparent 68%)}body.breaktime-app .stat-card:nth-child(4n+2):after{background:radial-gradient(circle,rgba(28,198,156,.22),transparent 68%)}body.breaktime-app .stat-card:nth-child(4n+3):after{background:radial-gradient(circle,rgba(253,159,78,.2),transparent 68%)}body.breaktime-app .stat-card:nth-child(4n+4):after{background:radial-gradient(circle,rgba(155,106,255,.2),transparent 68%)}body.breaktime-app .stat-icon{box-shadow:0 7px 17px rgba(62,95,172,.12);animation:softPulse 3.2s ease-in-out infinite}body.breaktime-app .stat-card:nth-child(4n+2) .stat-icon{animation-delay:-.7s}body.breaktime-app .stat-card:nth-child(4n+3) .stat-icon{animation-delay:-1.5s}body.breaktime-app .stat-card:nth-child(4n+4) .stat-icon{animation-delay:-2.2s}
body.breaktime-app .dashboard-action{border-color:rgba(255,255,255,.72);box-shadow:0 12px 30px rgba(38,58,129,.09),inset 0 1px rgba(255,255,255,.76);backdrop-filter:blur(18px)}body.breaktime-app .dashboard-action.blue{background:linear-gradient(135deg,rgba(239,246,255,.78),rgba(237,237,255,.58))}body.breaktime-app .dashboard-action.green{background:linear-gradient(135deg,rgba(237,255,248,.8),rgba(233,249,255,.56))}body.breaktime-app .dashboard-action.purple{background:linear-gradient(135deg,rgba(248,241,255,.8),rgba(238,242,255,.55))}body.breaktime-app .dashboard-action:hover{transform:translateY(-4px) scale(1.006);box-shadow:0 20px 40px rgba(44,63,140,.15)}
body.breaktime-app .btn{border-color:rgba(255,255,255,.35);background:linear-gradient(135deg,#387eea,#6c56dc);box-shadow:0 10px 22px rgba(68,78,192,.24),inset 0 1px rgba(255,255,255,.32)}body.breaktime-app .btn:hover{background:linear-gradient(135deg,#2670dc,#5b42ce);box-shadow:0 14px 27px rgba(68,78,192,.3)}body.breaktime-app .btn.secondary{color:#344ec1;background:rgba(255,255,255,.62);border-color:rgba(179,195,240,.75);box-shadow:0 6px 16px rgba(60,73,151,.07)}
body.breaktime-app .daily-record-card{background:rgba(255,255,255,.5)}body.breaktime-app .income-record-card{border-top-color:#397eea}.income-record-card .daily-toolbar{background:linear-gradient(100deg,rgba(226,240,255,.78),rgba(255,255,255,.4))}.expense-record-card .daily-toolbar{background:linear-gradient(100deg,rgba(255,231,238,.7),rgba(255,255,255,.4))}.daily-toolbar,.daily-picker,.daily-search,.daily-filter-row select{background:rgba(255,255,255,.49)!important;border-color:rgba(185,202,232,.6)!important;backdrop-filter:blur(14px)}.daily-table tbody tr:nth-child(even){background:rgba(255,255,255,.25)}body.breaktime-app th{background:rgba(224,233,251,.55);color:#466087;border-bottom-color:rgba(180,199,230,.5)}body.breaktime-app tbody tr:hover{background:rgba(220,239,255,.45)}
body.breaktime-app .report-type-card{background:rgba(255,255,255,.52)}body.breaktime-app .report-type-card.active{background:linear-gradient(135deg,rgba(247,247,255,.89),rgba(232,241,255,.62));border-color:rgba(112,108,243,.6);box-shadow:0 13px 31px rgba(79,83,194,.16),inset 0 1px rgba(255,255,255,.88)}.reconcile-paper{background:rgba(255,255,255,.55)!important;border-color:rgba(255,255,255,.8)!important;box-shadow:0 18px 44px rgba(44,60,125,.11),inset 0 1px rgba(255,255,255,.8)!important;backdrop-filter:blur(20px)}.reconcile-side>header,.income-side>header,.expense-side>header{backdrop-filter:blur(14px)}.income-side>header{background:linear-gradient(100deg,rgba(227,240,255,.86),rgba(240,247,255,.48))}.expense-side>header{background:linear-gradient(100deg,rgba(255,232,238,.85),rgba(255,246,247,.48))}.reconcile-closeout{background:rgba(245,249,255,.48)}.reconcile-totals article,.reconcile-channels article{border-color:rgba(255,255,255,.86);box-shadow:inset 0 1px rgba(255,255,255,.8),0 8px 20px rgba(47,67,133,.06);backdrop-filter:blur(14px)}
body.breaktime-app .modal{background:rgba(20,31,72,.32);backdrop-filter:blur(10px)}body.breaktime-app .modal-box{background:rgba(250,253,255,.84);border-color:rgba(255,255,255,.86);box-shadow:0 24px 65px rgba(19,31,76,.25);backdrop-filter:blur(24px)}body.breaktime-app .field,body.breaktime-app .search,body.breaktime-app select,body.breaktime-app input{background:rgba(255,255,255,.62);border-color:rgba(185,202,232,.72);box-shadow:inset 0 1px rgba(255,255,255,.74)}body.breaktime-app .toast{background:rgba(25,43,82,.88);border:1px solid rgba(255,255,255,.22);box-shadow:0 16px 35px rgba(25,37,83,.25);backdrop-filter:blur(18px)}
body.breaktime-app .login-screen{background:radial-gradient(circle at 18% 15%,rgba(58,210,206,.42),transparent 27%),radial-gradient(circle at 80% 17%,rgba(117,92,239,.42),transparent 30%),linear-gradient(135deg,#172b56,#554185)}body.breaktime-app .login-card{background:rgba(255,255,255,.8);border-color:rgba(255,255,255,.76);box-shadow:0 25px 70px rgba(10,19,65,.28);backdrop-filter:blur(24px)}
@media(prefers-reduced-motion:reduce){body.breaktime-app:before,body.breaktime-app:after,body.breaktime-app .stat-icon{animation:none}.sidebar .nav-btn,.dashboard-action{transition:none!important}}
@media(max-width:760px){body.breaktime-app #app:before{inset:64px 0 0 0}.topbar{backdrop-filter:blur(18px)!important}.reconcile-paper{background:rgba(255,255,255,.65)!important}.stat-card:after{width:80px;height:80px}.dashboard-action:hover{transform:none}}

/* Reference-inspired finance canvas on the home screen. */
.fintech-dashboard{display:grid;gap:20px;max-width:1450px;margin:0 auto}.fintech-hero{position:relative;display:grid;grid-template-columns:minmax(290px,1.08fr) minmax(330px,.95fr) minmax(205px,.58fr);align-items:stretch;gap:18px;min-height:330px;padding:32px;border:1px solid rgba(255,255,255,.8);border-radius:31px;background:radial-gradient(circle at 49% 44%,rgba(215,253,180,.38),transparent 27%),linear-gradient(110deg,rgba(226,240,255,.74),rgba(233,250,242,.62) 52%,rgba(220,235,255,.74));box-shadow:0 24px 54px rgba(40,62,137,.14),inset 0 1px rgba(255,255,255,.88);overflow:hidden;backdrop-filter:blur(25px)}.fintech-hero:before,.fintech-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.fintech-hero:before{top:-90px;left:30%;width:290px;height:290px;background:radial-gradient(circle,rgba(191,246,100,.33),transparent 67%)}.fintech-hero:after{right:-60px;bottom:-80px;width:250px;height:250px;background:radial-gradient(circle,rgba(73,110,242,.2),transparent 69%)}.fintech-welcome,.fintech-metrics,.fintech-report-tile{position:relative;z-index:1}.fintech-welcome{display:flex;flex-direction:column;justify-content:center;min-width:0}.fintech-period{align-self:flex-start;margin-bottom:22px}.fintech-period .daily-picker{transform:scale(.9);transform-origin:left top}.fintech-welcome>p{margin:0 0 9px;color:#6679a3;font-size:10px;font-weight:900;letter-spacing:.12em}.fintech-welcome h2{margin:0;color:#14233e;font-size:clamp(30px,3.1vw,49px);line-height:1.03;letter-spacing:-.055em}.fintech-welcome h2 span{color:#436de8}.fintech-welcome>div:not(.fintech-period):not(.fintech-actions){max-width:405px;margin-top:14px;color:#6b7c98;font-size:14px;line-height:1.65}.fintech-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.fintech-action{min-height:48px;padding:0 18px;display:flex;align-items:center;gap:9px;border:0;border-radius:16px;color:#1b3150;background:rgba(188,246,66,.94);box-shadow:0 10px 20px rgba(128,195,39,.18),inset 0 1px rgba(255,255,255,.44);font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.fintech-action i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:rgba(255,255,255,.66)}.fintech-action.expense{color:#fff;background:linear-gradient(135deg,#3b82f6,#5664e8);box-shadow:0 11px 20px rgba(55,103,230,.25)}.fintech-action:hover{transform:translateY(-3px);box-shadow:0 15px 25px rgba(57,87,168,.24)}
.fintech-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:center}.fintech-metric{position:relative;min-height:122px;padding:16px 16px 13px;display:grid;align-content:start;gap:7px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:rgba(255,255,255,.8);box-shadow:0 13px 28px rgba(55,80,146,.1),inset 0 1px rgba(255,255,255,.9);overflow:hidden;backdrop-filter:blur(17px);transition:transform .22s,box-shadow .22s}.fintech-metric:hover{transform:translateY(-4px);box-shadow:0 19px 35px rgba(51,73,143,.15)}.fintech-metric>span{color:#8390a9;font-size:11px}.fintech-metric>b{max-width:calc(100% - 4px);overflow:hidden;color:#16243c;font-size:clamp(20px,1.7vw,29px);letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}.fintech-metric small{color:#5d718f;font-size:10px;font-weight:700}.fintech-metric>i{position:absolute;right:13px;bottom:13px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#4b75ef;font-size:20px;font-style:normal;box-shadow:0 7px 15px rgba(65,96,218,.22)}.fintech-metric.income>i{background:#18a977}.fintech-metric.expense>i{background:#ef6674}.fintech-metric.receipt>i{background:#9a63e9}.fintech-metric.balance:before{content:"";position:absolute;right:-18px;top:-18px;width:72px;height:72px;border-radius:50%;background:rgba(79,112,239,.1)}
.fintech-report-tile{min-height:220px;padding:25px 21px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border:1px solid rgba(255,255,255,.78);border-radius:25px;color:#fff;background:linear-gradient(155deg,rgba(35,84,138,.91),rgba(64,111,184,.75)),radial-gradient(circle at 74% 16%,rgba(189,248,155,.5),transparent 31%);box-shadow:0 15px 31px rgba(44,76,150,.18),inset 0 1px rgba(255,255,255,.23);overflow:hidden;text-align:left;cursor:pointer;transition:transform .22s,box-shadow .22s}.fintech-report-tile:before{content:"";position:absolute;inset:auto -36px -52px auto;width:160px;height:160px;border:2px solid rgba(225,255,255,.44);border-radius:50%;box-shadow:0 0 0 22px rgba(220,255,255,.08),0 0 0 48px rgba(220,255,255,.06)}.fintech-report-tile:hover{transform:translateY(-4px);box-shadow:0 22px 39px rgba(44,76,150,.25)}.fintech-report-tile>span{width:45px;height:45px;display:grid;place-items:center;margin-bottom:auto;border-radius:16px;color:#1e466e;background:rgba(225,255,215,.89);font-size:21px;font-weight:900}.fintech-report-tile b{position:relative;font-size:19px;letter-spacing:-.03em}.fintech-report-tile small{position:relative;margin-top:8px;color:#e8f3ff;font-size:11px;line-height:1.5}.fintech-report-tile>i{position:absolute;right:19px;bottom:18px;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;font-size:23px;font-style:normal}
.fintech-insights{display:grid;grid-template-columns:minmax(290px,.7fr) minmax(0,1.55fr);gap:20px}.fintech-donut-card,.fintech-chart-card,.fintech-activity{border:1px solid rgba(255,255,255,.8);border-radius:25px;background:rgba(255,255,255,.61);box-shadow:0 13px 33px rgba(45,67,136,.09),inset 0 1px rgba(255,255,255,.86);backdrop-filter:blur(20px)}.fintech-donut-card,.fintech-chart-card{padding:22px}.fintech-donut-card header span,.fintech-chart-card header span,.fintech-activity header span{color:#8290a8;font-size:10px;font-weight:900;letter-spacing:.095em}.fintech-donut-card h3,.fintech-chart-card h3,.fintech-activity h3{margin:5px 0 0;color:#172741;font-size:17px;letter-spacing:-.025em}.fintech-chart-card header,.fintech-activity header{display:flex;align-items:center;justify-content:space-between;gap:12px}.fintech-chart-card .chart-range{padding:7px 10px;border-radius:10px;color:#4a67d7;background:rgba(226,234,255,.72);letter-spacing:0}.fintech-donut-card .category-chart{margin-top:12px}.fintech-donut-card .donut{width:155px;height:155px}.fintech-chart-card .chart-legend{justify-content:flex-start;height:27px}.fintech-chart-card .dashboard-line-chart{height:220px;padding-inline:0}.fintech-activity{overflow:hidden}.fintech-activity header{padding:20px 22px 16px;border-bottom:1px solid rgba(186,202,232,.42)}.fintech-activity header button{border:0;color:#4468d8;background:transparent;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}.fintech-activity header button i{font-size:18px;font-style:normal}.fintech-activity-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 10px}.fintech-activity-list article{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:10px;align-items:center;padding:14px 12px;border-right:1px solid rgba(187,204,234,.36)}.fintech-activity-list article:last-child{border:0}.fintech-activity-list article:nth-child(n+5){border-top:1px solid rgba(187,204,234,.36)}.activity-icon{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;font-size:17px;font-weight:900}.activity-icon.income{color:#07835c;background:#ddf8ed}.activity-icon.expense{color:#d44e64;background:#ffe7eb}.fintech-activity-list b{overflow:hidden;color:#263752;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.fintech-activity-list small{overflow:hidden;margin-top:3px;color:#8490a3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.fintech-activity-list strong{grid-column:2;color:#142a4a;font-size:12px;white-space:nowrap}.fintech-activity-list strong.income{color:#07835c}.fintech-activity-list strong.expense{color:#d44e64}.fintech-activity .dashboard-empty{grid-column:1/-1}
@media(max-width:1180px){.fintech-hero{grid-template-columns:minmax(280px,1fr) minmax(320px,1fr)}.fintech-report-tile{min-height:180px;grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.fintech-report-tile>span{margin:0}.fintech-report-tile small{margin:0}.fintech-report-tile>i{position:static}.fintech-activity-list{grid-template-columns:repeat(2,minmax(0,1fr))}.fintech-activity-list article:nth-child(2n){border-right:0}.fintech-activity-list article:nth-child(n+3){border-top:1px solid rgba(187,204,234,.36)}}
@media(max-width:800px){.fintech-dashboard{gap:14px}.fintech-hero{grid-template-columns:1fr;gap:18px;min-height:0;padding:21px;border-radius:23px}.fintech-welcome h2{font-size:34px}.fintech-period{margin-bottom:14px}.fintech-period .daily-picker{width:100%;transform:none}.fintech-metrics{gap:10px}.fintech-metric{min-height:108px;padding:13px;border-radius:17px}.fintech-metric>b{font-size:19px}.fintech-metric>i{width:31px;height:31px;font-size:17px}.fintech-report-tile{min-height:150px;grid-column:auto;padding:20px;border-radius:20px}.fintech-insights{grid-template-columns:1fr;gap:14px}.fintech-donut-card,.fintech-chart-card,.fintech-activity{border-radius:20px}.fintech-chart-card .dashboard-line-chart{height:185px}.fintech-activity-list{grid-template-columns:1fr;padding:6px 12px}.fintech-activity-list article{border-right:0}.fintech-activity-list article:nth-child(n+2){border-top:1px solid rgba(187,204,234,.36)}.fintech-activity header{padding:17px}.fintech-actions{margin-top:20px}.fintech-action{flex:1;justify-content:center;padding-inline:12px;font-size:12px}}

/* Shared application shell: every workflow belongs to the same finance product, not just Home. */
body.breaktime-app .sidebar{width:282px;padding:18px 16px 14px;background:linear-gradient(160deg,rgba(22,48,88,.95),rgba(45,65,126,.9) 53%,rgba(86,54,141,.88));border-right-color:rgba(237,245,255,.24)}body.breaktime-app main{margin-left:282px}body.breaktime-app .sidebar .brand{padding:5px 8px 20px}body.breaktime-app .sidebar .brand>span{width:54px;height:54px;flex-basis:54px;border-radius:18px;box-shadow:0 13px 28px rgba(7,21,63,.26)}body.breaktime-app .sidebar .brand b{font-size:20px;letter-spacing:-.04em}body.breaktime-app .sidebar .company{min-height:0;margin:0 0 17px;padding:14px 15px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(227,246,255,.055));box-shadow:inset 0 1px rgba(255,255,255,.14)}body.breaktime-app .sidebar nav{padding:2px 2px}body.breaktime-app .sidebar .nav-group-toggle{height:32px;padding-inline:11px;color:#b9c9e5}body.breaktime-app .sidebar .nav-btn{height:46px;margin:3px 0;padding:0 12px;border-radius:15px;color:#e4efff;font-size:14px}body.breaktime-app .sidebar .nav-btn>span{width:28px;height:28px;border-radius:10px;color:#8ce5ed;background:rgba(255,255,255,.07)}body.breaktime-app .sidebar .nav-btn.active{color:#1b315b;background:linear-gradient(100deg,rgba(255,255,255,.98),rgba(228,240,255,.86));box-shadow:inset 3px 0 #61a2ff,0 12px 23px rgba(9,22,70,.2)}body.breaktime-app .sidebar .nav-btn.active>span{color:#3673e7;background:#e6f0ff}body.breaktime-app .sidebar .side-foot{margin-top:8px;padding-top:15px;border-top-color:rgba(255,255,255,.14)}body.breaktime-app .sidebar-tools{gap:8px}body.breaktime-app .sidebar-tools button{border-radius:13px!important;background:rgba(255,255,255,.1)!important}.sidebar-profile{margin-top:14px;padding:13px 7px 4px;border-top-color:rgba(255,255,255,.14)}
body.breaktime-app .topbar{height:82px;padding:0 32px;background:rgba(247,251,255,.6)}body.breaktime-app .topbar h1{font-size:29px;letter-spacing:-.05em}.topbar .period{height:46px;border-radius:15px;background:rgba(255,255,255,.66)}.topbar .user-chip{height:46px;border-radius:15px}.topbar .cloud-status{padding:7px 10px;border-radius:99px;background:rgba(235,255,248,.63)}
body.breaktime-app .content{max-width:1760px;padding:25px 34px 45px}body.breaktime-app .content:not(:has(.fintech-dashboard)){position:relative;padding-top:24px}body.breaktime-app .content:not(:has(.fintech-dashboard)):before{content:"";position:absolute;z-index:-1;inset:10px 17px 23px;border:1px solid rgba(255,255,255,.46);border-radius:30px;background:rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.38)}body.breaktime-app .page-toolbar{min-height:74px;margin-bottom:18px;padding:14px 18px;border:1px solid rgba(255,255,255,.78);border-radius:21px;background:rgba(255,255,255,.48);box-shadow:0 10px 26px rgba(53,70,137,.07),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(18px)}body.breaktime-app .page-toolbar p{color:#617897;font-size:13px}.page-toolbar>.btn{border-radius:13px}.page-toolbar .btn{min-height:44px}
body.breaktime-app .daily-record-card{border-radius:25px;border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.52);box-shadow:0 16px 38px rgba(47,66,134,.1),inset 0 1px rgba(255,255,255,.86)}body.breaktime-app .daily-toolbar{padding:20px 22px;border-bottom-color:rgba(177,197,231,.42)}body.breaktime-app .daily-picker{border-radius:14px;box-shadow:0 7px 17px rgba(48,66,136,.08)}body.breaktime-app .daily-picker>button{color:#4d6ee8;background:rgba(243,246,255,.74)}body.breaktime-app .daily-search,body.breaktime-app .daily-filter-row select{height:47px;border-radius:14px!important}.daily-total{min-width:225px;padding:9px 12px;border:1px solid rgba(255,255,255,.74);border-radius:15px;background:rgba(240,246,255,.52)}.daily-pagination{padding:16px 20px;background:rgba(248,251,255,.45);border-top-color:rgba(177,197,231,.38)}.daily-pagination button{border-radius:11px;background:rgba(255,255,255,.68)!important}.daily-table th{height:48px}.daily-table td{height:58px}.daily-table tbody tr{background:rgba(255,255,255,.12)}
body.breaktime-app .report-type-grid{gap:17px;margin-bottom:20px}.report-type-card{min-height:132px!important;border-radius:23px!important;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(242,247,255,.44))!important;box-shadow:0 13px 29px rgba(48,67,136,.08),inset 0 1px rgba(255,255,255,.86)!important}.report-type-card>span{width:50px;height:50px;border-radius:16px}.report-type-card>i{width:31px;height:31px;background:rgba(255,255,255,.65)}body.breaktime-app .report-workspace{border-radius:27px;background:rgba(255,255,255,.56);box-shadow:0 17px 42px rgba(45,65,134,.1),inset 0 1px rgba(255,255,255,.85)}.report-workspace-head{padding:23px 25px;background:linear-gradient(110deg,rgba(242,247,255,.76),rgba(246,255,251,.45));border-bottom-color:rgba(177,197,231,.42)}.report-scope-segments{height:44px;border-radius:14px;background:rgba(232,239,255,.5)}.report-scope-segments button{border-radius:11px}.report-scope-segments button.active{background:rgba(255,255,255,.88);box-shadow:0 6px 13px rgba(52,75,143,.11)}.report-date-input{height:44px;border-radius:13px!important}.reconcile-workspace{background:rgba(255,255,255,.52)!important}
body.breaktime-app .modal-box{border-radius:27px}.modal-head{padding-bottom:12px;border-bottom:1px solid rgba(178,197,230,.38)}body.breaktime-app .form-field label{font-size:11px}.form-field .field,body.breaktime-app .modal-box input,body.breaktime-app .modal-box select{min-height:45px;border-radius:13px}.modal-actions .btn{border-radius:13px}.detail-drawer{background:rgba(248,252,255,.86);border-left-color:rgba(255,255,255,.84);backdrop-filter:blur(24px)}

.expense-items-editor{margin:18px 0;padding:16px;border:1px solid rgba(151,176,211,.42);border-radius:17px;background:linear-gradient(135deg,rgba(232,255,245,.74),rgba(237,246,255,.82))}.expense-items-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.expense-items-editor>header b,.expense-items-editor>header small{display:block}.expense-items-editor>header b{color:#18324f}.expense-items-editor>header small{margin-top:3px;color:#66809f;font-size:10px}.expense-item-row{display:grid;grid-template-columns:minmax(180px,1.6fr) 82px 100px 125px 112px 34px;align-items:end;gap:8px;padding:10px 0;border-top:1px solid rgba(171,193,220,.42)}.expense-item-row label>span{display:block;margin:0 0 5px;color:#7184a0;font-size:9px;font-weight:800}.expense-item-row .field{width:100%;min-height:40px!important}.expense-item-row output{display:grid;place-items:center;min-height:40px;padding:0 7px;border-radius:11px;background:#fff;color:#167c67;font-size:12px;font-weight:900;white-space:nowrap}.expense-item-remove{width:34px;height:40px;border:1px solid #f0c8ce;border-radius:10px;background:#fff;color:#d34c5b;font-size:20px;cursor:pointer}.expense-calculated-total{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:10px;padding:12px 14px;border-top:1px solid rgba(137,180,207,.45);border-radius:13px;background:rgba(255,255,255,.76)}.expense-calculated-total span{color:#63809c;font-size:10px;font-weight:900;letter-spacing:.08em}.expense-calculated-total output{grid-row:1/3;grid-column:2;color:#08775c;font-size:23px;font-weight:900}.expense-calculated-total small{margin-top:3px;color:#7a8da6;font-size:9px}.expense-detail-items{margin:16px 0 95px;padding:14px;border:1px solid #dbe6f2;border-radius:15px;background:#fff}.expense-detail-items header,.expense-detail-items footer,.expense-detail-items>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center}.expense-detail-items header{padding-bottom:9px;border-bottom:1px solid #e8eef6}.expense-detail-items header span{color:#6c809c;font-size:11px}.expense-detail-items>div{grid-template-columns:minmax(0,1fr) auto;padding:9px 0;border-bottom:1px solid #eef2f7}.expense-detail-items>div small{grid-column:1;color:#71849e}.expense-detail-items>div b{grid-column:2;grid-row:1/3}.expense-detail-items footer{padding-top:11px;color:#126f61}.detail-drawer{overflow-y:auto;padding-bottom:105px}.daily-note small{display:block;margin-top:3px;color:#16806b;font-size:10px;font-weight:800}
body.breaktime-app .login-screen{overflow:hidden;background:radial-gradient(circle at 13% 16%,rgba(97,218,218,.56),transparent 25%),radial-gradient(circle at 84% 14%,rgba(153,121,255,.55),transparent 27%),radial-gradient(circle at 54% 90%,rgba(174,245,104,.31),transparent 28%),linear-gradient(135deg,#132b58,#403276 55%,#244e78)}body.breaktime-app .login-screen:before,body.breaktime-app .login-screen:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;pointer-events:none}.login-screen:before{width:720px;height:720px;right:-260px;bottom:-380px;box-shadow:0 0 0 54px rgba(255,255,255,.04),0 0 0 115px rgba(255,255,255,.025)}.login-screen:after{width:480px;height:480px;left:-240px;top:-260px;box-shadow:0 0 0 44px rgba(255,255,255,.04)}body.breaktime-app .login-card{position:relative;z-index:1;padding:34px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.83),rgba(239,246,255,.7));border-color:rgba(255,255,255,.84);box-shadow:0 27px 74px rgba(9,19,65,.32),inset 0 1px rgba(255,255,255,.94)}body.breaktime-app .login-card:before{content:"BREAKTIME · FINANCE";display:block;margin-bottom:13px;color:#5770aa;font-size:10px;font-weight:900;letter-spacing:.13em;text-align:center}.login-logo{width:70px!important;height:70px!important;margin:auto!important;border-radius:22px!important;box-shadow:0 13px 28px rgba(54,77,175,.2)!important}.login-card input{height:47px;border-radius:14px!important}.login-card .login-btn{height:48px;border-radius:14px}
@media(max-width:1180px){body.breaktime-app .sidebar{width:252px}body.breaktime-app main{margin-left:252px}body.breaktime-app .content{padding-inline:22px}.report-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:1100px){body.breaktime-app main{margin-left:0}body.breaktime-app .sidebar{width:min(294px,88vw)}body.breaktime-app .topbar{height:72px;padding-inline:18px}body.breaktime-app .content{padding:18px 16px 36px}.content:not(:has(.fintech-dashboard)):before{inset:8px 5px 18px!important}}@media(max-width:760px){body.breaktime-app .content{padding:14px 12px 32px}.page-toolbar{min-height:0;padding:14px;border-radius:18px}.daily-record-card{border-radius:20px!important}.daily-toolbar{padding:14px}.daily-total{width:100%}.report-type-grid{grid-template-columns:1fr!important}.report-workspace,.modal-box{border-radius:20px!important}.report-workspace-head{padding:17px}.login-card{padding:26px!important;border-radius:23px!important}}

/* Final consistency pass: no secondary screen stays plain white. */
body.breaktime-app .fintech-dashboard{margin-left:0!important;width:100%;max-width:1450px}
body.breaktime-app .content:not(:has(.fintech-dashboard)) .page-toolbar{position:relative;overflow:hidden;border-color:rgba(184,223,255,.64);background:radial-gradient(circle at 83% 25%,rgba(185,255,151,.7),transparent 25%),linear-gradient(105deg,rgba(51,121,231,.92),rgba(77,103,226,.88) 48%,rgba(28,170,162,.84));box-shadow:0 16px 31px rgba(43,92,188,.2),inset 0 1px rgba(255,255,255,.35)}body.breaktime-app .content:not(:has(.fintech-dashboard)) .page-toolbar:after{content:"";position:absolute;right:-36px;bottom:-82px;width:210px;height:210px;border:1px solid rgba(255,255,255,.38);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.09),0 0 0 52px rgba(255,255,255,.06)}body.breaktime-app .content:not(:has(.fintech-dashboard)) .page-toolbar p{position:relative;z-index:1;max-width:74%;color:rgba(245,253,255,.94);font-weight:600}body.breaktime-app .content:not(:has(.fintech-dashboard)) .page-toolbar .btn{position:relative;z-index:1;color:#1e5f89;border-color:rgba(255,255,255,.7);background:linear-gradient(135deg,#bdfd5d,#83e4bd);box-shadow:0 10px 19px rgba(5,76,88,.22)}
body.breaktime-app .income-record-card{border-color:rgba(133,193,255,.8);background:linear-gradient(145deg,rgba(227,242,255,.88),rgba(246,252,255,.66) 44%,rgba(226,250,244,.63))}.income-record-card .daily-toolbar{background:radial-gradient(circle at 84% 12%,rgba(180,255,137,.75),transparent 23%),linear-gradient(112deg,rgba(52,124,239,.93),rgba(55,132,231,.82) 52%,rgba(27,177,169,.8))!important;border-bottom-color:rgba(255,255,255,.28)!important}.income-record-card .daily-picker,.income-record-card .daily-search,.income-record-card .daily-filter-row select{background:rgba(255,255,255,.83)!important;border-color:rgba(255,255,255,.65)!important}.income-record-card .daily-picker label span,.income-record-card .daily-total small,.income-record-card .daily-total span{color:#5c7195}.income-record-card .daily-total{background:rgba(250,255,252,.86);border-color:rgba(255,255,255,.8)}.income-record-card .daily-total b{color:#177ecb}.income-record-card .daily-table thead{background:linear-gradient(90deg,rgba(43,115,230,.92),rgba(47,166,185,.86))}.income-record-card .daily-table th{color:#f8feff;background:transparent}.income-record-card .daily-table tbody tr:nth-child(odd){background:rgba(255,255,255,.58)}.income-record-card .daily-table tbody tr:nth-child(even){background:rgba(221,245,255,.54)}.income-record-card .daily-table tbody tr:hover{background:rgba(188,251,219,.56)}.income-record-card .daily-pagination{background:linear-gradient(90deg,rgba(218,241,255,.75),rgba(220,255,242,.68))}
body.breaktime-app .expense-record-card{border-color:rgba(113,215,174,.85);background:linear-gradient(145deg,rgba(222,252,239,.87),rgba(248,255,252,.66) 47%,rgba(229,242,255,.62))}.expense-record-card .daily-toolbar{background:radial-gradient(circle at 84% 12%,rgba(189,239,255,.64),transparent 23%),linear-gradient(112deg,rgba(19,165,126,.94),rgba(24,184,147,.83) 51%,rgba(35,137,212,.84))!important;border-bottom-color:rgba(255,255,255,.28)!important}.expense-record-card .daily-picker,.expense-record-card .daily-search,.expense-record-card .daily-filter-row select{background:rgba(255,255,255,.83)!important;border-color:rgba(255,255,255,.65)!important}.expense-record-card .daily-total{background:rgba(248,255,252,.86);border-color:rgba(255,255,255,.8)}.expense-record-card .daily-total b{color:#0f9d76}.expense-record-card .daily-table thead{background:linear-gradient(90deg,rgba(16,161,123,.93),rgba(33,139,211,.85))}.expense-record-card .daily-table th{color:#f8feff;background:transparent}.expense-record-card .daily-table tbody tr:nth-child(odd){background:rgba(255,255,255,.62)}.expense-record-card .daily-table tbody tr:nth-child(even){background:rgba(222,252,239,.54)}.expense-record-card .daily-table tbody tr:hover{background:rgba(204,239,255,.58)}.expense-record-card .daily-pagination{background:linear-gradient(90deg,rgba(219,252,239,.74),rgba(220,242,255,.68))}
.fintech-month-pill{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid rgba(177,197,231,.62);border-radius:14px;background:rgba(255,255,255,.68);box-shadow:0 7px 17px rgba(48,66,136,.08);backdrop-filter:blur(14px)}.fintech-month-pill span{color:#758099;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.fintech-month-pill b{color:#17233b;font-size:13px;white-space:nowrap}@media(max-width:800px){.fintech-month-pill{width:100%;justify-content:center}}
body.breaktime-app .report-type-card.blue{background:linear-gradient(135deg,rgba(219,240,255,.9),rgba(239,250,255,.65))!important;border-color:rgba(111,184,252,.58)!important}body.breaktime-app .report-type-card.red{background:linear-gradient(135deg,rgba(220,251,239,.88),rgba(239,255,249,.66))!important;border-color:rgba(109,219,173,.57)!important}body.breaktime-app .report-type-card.purple{background:linear-gradient(135deg,rgba(227,238,255,.9),rgba(241,249,255,.66))!important;border-color:rgba(119,164,250,.56)!important}body.breaktime-app .report-workspace-head{position:relative;overflow:hidden;background:radial-gradient(circle at 74% 30%,rgba(186,255,151,.62),transparent 28%),linear-gradient(108deg,rgba(43,113,226,.93),rgba(68,98,218,.86) 53%,rgba(24,163,160,.82));border-bottom-color:rgba(255,255,255,.22)}body.breaktime-app .report-workspace-head>*{position:relative;z-index:1}body.breaktime-app .report-workspace-head h2,body.breaktime-app .report-workspace-head .eyebrow,body.breaktime-app .report-workspace-head>div:first-child>span{color:#f7feff}.report-workspace-head .report-scope-segments,.report-workspace-head .report-date-input{background:rgba(255,255,255,.81)!important;border-color:rgba(255,255,255,.56)!important}.report-workspace-head .btn.secondary{color:#216991;background:rgba(255,255,255,.87)}.report-workspace-head .btn:not(.secondary){color:#215b93;background:linear-gradient(135deg,#c5fd60,#81e8bb)}
@media(max-width:1000px){.daily-table{min-width:720px}.daily-table th,.daily-table td{padding-inline:12px}.daily-filter-row{grid-template-columns:minmax(210px,1fr) 165px auto}.daily-total{min-width:185px}}@media(max-width:760px){.income-record-card .daily-toolbar,.expense-record-card .daily-toolbar{background:linear-gradient(135deg,rgba(49,123,235,.94),rgba(22,172,162,.86))!important}.expense-record-card .daily-toolbar{background:linear-gradient(135deg,rgba(15,159,122,.94),rgba(33,139,212,.86))!important}.daily-table{min-width:0}.daily-table th{background:transparent!important}.daily-table tbody tr:nth-child(odd),.daily-table tbody tr:nth-child(even){background:rgba(255,255,255,.58)}body.breaktime-app .content:not(:has(.fintech-dashboard)) .page-toolbar p{max-width:100%}}

/* Navigation and sign-in now share the same light blue–mint glass identity as the workspace. */
body.breaktime-app .sidebar{background:radial-gradient(circle at 12% 5%,rgba(182,249,239,.86),transparent 30%),radial-gradient(circle at 88% 96%,rgba(116,141,255,.28),transparent 35%),linear-gradient(165deg,rgba(238,249,255,.95),rgba(224,240,255,.89) 56%,rgba(231,252,246,.88))!important;border-right:1px solid rgba(255,255,255,.92)!important;box-shadow:12px 0 38px rgba(49,79,154,.12)!important;color:#203c63!important}.sidebar:before{display:none!important}body.breaktime-app .sidebar .brand{border-bottom-color:rgba(104,146,196,.21)!important}.sidebar .brand>span{background:linear-gradient(145deg,#f6fff6,#e8f4ff)!important;box-shadow:0 10px 23px rgba(61,111,196,.16)!important}.sidebar .brand b,body.breaktime-app .sidebar .company b,body.breaktime-app .sidebar .nav-btn em{color:#203a61!important}.sidebar .brand small,body.breaktime-app .sidebar .company span,body.breaktime-app .sidebar .company small,body.breaktime-app .sidebar .nav-group-toggle{color:#7187a7!important}.sidebar .company{background:rgba(255,255,255,.56)!important;border-color:rgba(170,203,239,.62)!important;box-shadow:0 7px 18px rgba(65,103,163,.06),inset 0 1px rgba(255,255,255,.86)!important}.sidebar .company:after{color:#5780ab!important}.sidebar .nav-btn{color:#365270!important}.sidebar .nav-btn>span{color:#2989c5!important;background:rgba(255,255,255,.58)!important}.sidebar .nav-btn:hover{background:rgba(255,255,255,.7)!important}.sidebar .nav-btn.active{color:#1e5a87!important;background:linear-gradient(102deg,rgba(75,139,239,.92),rgba(39,183,175,.82))!important;box-shadow:0 10px 21px rgba(50,115,207,.2)!important}.sidebar .nav-btn.active em{color:#fff!important}.sidebar .nav-btn.active>span{color:#186c9f!important;background:rgba(235,255,243,.88)!important}.sidebar .nav-btn svg{color:currentColor!important}.sidebar .side-foot{border-top-color:rgba(97,137,182,.23)!important}.sidebar .side-foot button,.sidebar-tools button{color:#426385!important;background:rgba(255,255,255,.55)!important;border-color:rgba(160,194,229,.6)!important}.sidebar-profile{border-top-color:rgba(97,137,182,.23)!important}.sidebar-profile b{color:#254260!important}.sidebar-profile small,.sidebar-profile i{color:#7187a7!important}.sidebar-profile>img{border-color:rgba(74,137,210,.35)!important}.sidebar-collapsed .sidebar{background:linear-gradient(180deg,rgba(236,248,255,.96),rgba(224,241,255,.92))!important}
body.breaktime-app .login-screen{background:radial-gradient(circle at 14% 13%,rgba(107,216,244,.72),transparent 27%),radial-gradient(circle at 84% 12%,rgba(174,246,112,.64),transparent 28%),radial-gradient(circle at 52% 92%,rgba(98,125,245,.3),transparent 34%),linear-gradient(135deg,#e8f7ff,#e6fbf2 55%,#e7ecff)!important}.login-screen:before{border-color:rgba(70,138,214,.18)!important;box-shadow:0 0 0 54px rgba(70,138,214,.05),0 0 0 115px rgba(65,182,158,.035)!important}.login-screen:after{border-color:rgba(42,174,157,.2)!important;box-shadow:0 0 0 44px rgba(42,174,157,.06)!important}body.breaktime-app .login-card{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(239,250,255,.72))!important;border-color:rgba(255,255,255,.94)!important;box-shadow:0 26px 68px rgba(55,105,180,.2),inset 0 1px rgba(255,255,255,.96)!important}body.breaktime-app .login-card:before{color:#4e78a9!important}.login-logo{background:linear-gradient(145deg,#eafff7,#e2ecff)!important;box-shadow:0 11px 24px rgba(56,111,197,.17)!important}.login-card h1{color:#1b416a!important}.login-card>p{color:#6682a2!important}.login-card label{color:#466789!important}.login-card .login-btn{color:#fff!important;border-color:rgba(255,255,255,.35)!important;background:linear-gradient(115deg,#3a7dec,#24b8a7)!important;box-shadow:0 11px 21px rgba(40,117,200,.22)!important}.login-card>small{color:#738baa!important}

/* Phone-first app behavior: controlled vertical scrolling, no browser zoom, tap-friendly controls. */
html,body{touch-action:pan-y;overscroll-behavior-y:none}body.breaktime-app{min-width:320px}.sidebar-backdrop{touch-action:manipulation}
@media(max-width:760px){
  body.breaktime-app{background:linear-gradient(145deg,#e9f7ff,#eefbf5 50%,#e8ecff);font-size:14px}
  body.breaktime-app .topbar{position:sticky;top:0;z-index:30;height:64px;padding:0 12px;background:rgba(244,251,255,.82);backdrop-filter:blur(18px)}
  body.breaktime-app .topbar h1{max-width:190px;overflow:hidden;font-size:21px;text-overflow:ellipsis;white-space:nowrap}body.breaktime-app .topbar .cloud-status,body.breaktime-app .topbar .user-chip{display:none}.topbar .period{display:flex!important;height:40px!important;padding-inline:11px!important;font-size:12px}.topbar .period span{display:none}
  body.breaktime-app .sidebar{width:min(292px,86vw);padding:14px 12px 12px;border-radius:0 24px 24px 0}.sidebar .brand{padding-bottom:13px!important}.sidebar .brand>span{width:43px!important;height:43px!important;flex-basis:43px!important;border-radius:14px!important}.sidebar .brand b{font-size:17px!important}.sidebar .company{margin-bottom:10px!important;padding:11px 12px!important;border-radius:14px!important}.sidebar .nav-btn{height:44px!important;margin:2px 0!important;border-radius:13px!important}.sidebar .nav-group-toggle{height:28px!important}.sidebar-profile{margin-top:8px!important}
  body.breaktime-app .content{padding:12px 10px calc(24px + env(safe-area-inset-bottom))}.content:not(:has(.fintech-dashboard)):before{display:none}.page-toolbar{margin-bottom:12px!important;padding:13px 14px!important;border-radius:17px!important}.page-toolbar p{font-size:12px!important;line-height:1.45}.page-toolbar .btn{width:100%;margin-top:8px;justify-content:center}
  .fintech-dashboard{gap:12px!important}.fintech-hero{padding:17px!important;border-radius:22px!important}.fintech-welcome h2{font-size:31px!important}.fintech-welcome>div:not(.fintech-period):not(.fintech-actions){font-size:13px!important}.fintech-period{width:100%;margin-bottom:12px!important}.fintech-period .daily-picker{width:100%!important}.fintech-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:9px!important}.fintech-action{min-height:46px!important;padding:0 9px!important;font-size:12px!important}.fintech-metrics{gap:9px!important}.fintech-metric{min-height:106px!important;padding:12px!important;border-radius:17px!important}.fintech-metric>b{font-size:18px!important}.fintech-metric>i{right:10px!important;bottom:10px!important}.fintech-report-tile{min-height:140px!important;padding:17px!important}.fintech-report-tile b{font-size:17px!important}.fintech-insights{gap:12px!important}.fintech-donut-card,.fintech-chart-card,.fintech-activity{border-radius:19px!important}.fintech-donut-card,.fintech-chart-card{padding:17px!important}.fintech-chart-card .dashboard-line-chart{height:170px!important}.fintech-activity header{padding:15px!important}.fintech-activity-list{padding:5px 9px!important}
  .daily-record-card{border-radius:20px!important}.daily-toolbar{padding:13px!important}.daily-picker{width:100%}.daily-picker label{min-width:0}.daily-picker input{min-width:0;width:100%;font-size:16px!important}.daily-filter-row{gap:10px!important;margin-top:11px!important}.daily-search,.daily-filter-row select{height:46px!important;font-size:16px!important}.daily-total{padding:11px 12px!important}.daily-total b{font-size:19px!important}.daily-table{min-width:0!important}.daily-table tr{padding:10px 13px!important}.daily-table td{min-height:31px;padding:6px 0!important;font-size:13px}.daily-table td:before{font-size:9px!important}.daily-table td:last-child{padding-bottom:0!important}.daily-pagination{padding:12px 13px!important}.receipt-view-btn,.more-btn{min-height:34px;min-width:34px}
  .report-type-grid{gap:10px!important}.report-type-card{min-height:92px!important;padding:13px!important;border-radius:17px!important;grid-template-columns:39px minmax(0,1fr) 25px!important;gap:9px!important}.report-type-card>span{width:39px!important;height:39px!important;border-radius:12px!important;font-size:17px!important}.report-type-card b{font-size:13px!important}.report-type-card small{font-size:9px!important}.report-workspace{border-radius:20px!important}.report-workspace-head{padding:16px!important}.report-workspace-head h2{font-size:18px!important}.report-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.report-scope-segments{grid-column:1/-1;height:42px!important}.report-date-input{grid-column:1/-1;width:100%!important;height:44px!important;font-size:16px!important}.report-filter-actions>.btn{min-height:43px!important;padding:0 8px!important;font-size:12px!important}.reconcile-paper{margin:12px!important;border-radius:17px!important}.reconcile-paper-head,.reconcile-closeout>header{padding:15px!important}.reconcile-entry-list{padding:3px 13px!important}.reconcile-entry{padding:11px 2px!important}.reconcile-totals,.reconcile-channels{padding-inline:13px!important;gap:9px!important}.reconcile-confirmation{padding:13px!important}.reconcile-signatures{padding:15px!important}
  .modal{padding:10px!important;align-items:end!important}.modal-box{width:100%!important;max-height:88dvh!important;padding:18px!important;border-radius:23px 23px 16px 16px!important}.modal-head h2{font-size:19px}.modal-box input,.modal-box select,.modal-box textarea,.field{font-size:16px!important}.modal-actions{position:sticky;bottom:-18px;margin-inline:-18px;margin-bottom:-18px;padding:12px 18px;background:rgba(247,252,255,.92);backdrop-filter:blur(15px)}.modal-actions .btn{flex:1;justify-content:center;min-height:45px}
  .expense-quick-modal{display:flex!important;flex-direction:column;max-height:calc(100dvh - 12px)!important;padding:0!important;overflow:hidden!important}.expense-quick-modal .modal-head{flex:0 0 auto;margin:0;padding:17px 16px 13px}.expense-modal-scroll{flex:1;min-height:0;overflow-y:auto;padding:14px 16px 22px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.expense-quick-modal .modal-hint{margin:0 0 14px}.expense-quick-modal .modal-actions{position:relative!important;bottom:auto!important;z-index:3;flex:0 0 auto;margin:0!important;padding:11px 16px calc(11px + env(safe-area-inset-bottom))!important;border-top:1px solid rgba(177,198,229,.56);background:rgba(247,252,255,.97)}.expense-quick-modal button[type="submit"]:disabled{cursor:wait;opacity:.72}
  body.breaktime-app .login-screen{padding:16px}.login-card{padding:24px 20px!important;border-radius:23px!important}.login-card input{height:48px!important;font-size:16px!important}.login-card .login-btn{height:50px!important}.login-card h1{font-size:26px}
}

/* Notes use the same blue–mint glass system as yesterday's dashboard. */
.period-stepper{display:flex!important;align-items:center;gap:5px}.period-step{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #d7e2f2;border-radius:10px;background:rgba(255,255,255,.7);color:#326bb0;font-size:22px;line-height:1;cursor:pointer}.period-stepper .period{min-width:150px}.period-stepper .period-menu{right:0}
.note-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0}.note-summary article{display:grid;gap:4px;min-height:104px;padding:19px 21px;border:1px solid rgba(162,194,229,.65);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(238,248,255,.62));box-shadow:0 12px 28px rgba(44,72,142,.07)}.note-summary article:nth-child(2){background:linear-gradient(135deg,rgba(236,255,248,.88),rgba(239,249,255,.62));border-color:rgba(138,218,190,.62)}.note-summary article:nth-child(3){background:linear-gradient(135deg,rgba(245,241,255,.9),rgba(237,247,255,.63));border-color:rgba(189,164,246,.58)}.note-summary span{font-size:11px;font-weight:800;letter-spacing:.04em;color:#5b7495}.note-summary b{color:#1d4f8f;font-size:27px}.note-summary article:nth-child(2) b{color:#118565}.note-summary article:nth-child(3) b{color:#7150c4}.note-summary small{color:#7889a2;font-size:12px}
.notes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;padding:13px;border:1px solid rgba(170,200,234,.62);border-radius:17px;background:rgba(255,255,255,.57);box-shadow:0 10px 25px rgba(44,72,142,.06);backdrop-filter:blur(13px)}.notes-search{display:flex;align-items:center;gap:10px;flex:1;max-width:430px;padding:0 13px;border:1px solid #dce6f3;border-radius:11px;background:#fff}.notes-search span{color:#5279a8;font-size:21px}.notes-search input{width:100%;height:41px;border:0;outline:0;background:transparent;color:#233b61}.notes-filter{display:flex;gap:5px;padding:4px;border-radius:11px;background:#edf3fc}.notes-filter button{min-height:34px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:#607493;font-weight:700;cursor:pointer}.notes-filter button.active{background:#fff;color:#256eb8;box-shadow:0 3px 9px rgba(42,68,139,.1)}
.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.note-card{display:flex;flex-direction:column;min-height:250px;padding:17px;border:1px solid rgba(160,193,229,.67);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(243,250,255,.62));box-shadow:0 12px 29px rgba(44,72,142,.08)}.note-card.done{opacity:.72;background:rgba(241,248,245,.78)}.note-card.done h3{text-decoration:line-through}.note-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-type,.note-priority{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.note-type.blue{background:#e9f3ff;color:#1d67bb}.note-type.orange{background:#fff2df;color:#a85d0b}.note-type.green{background:#e8fbf3;color:#078965}.note-type.red{background:#fff0f2;color:#ce4053}.note-type.purple{background:#f2ebff;color:#734bc8}.note-type.slate{background:#eef3f8;color:#556f90}.note-priority.high{background:#fff0f2;color:#ca3d50}.note-priority.medium{background:#fff6df;color:#a46d0b}.note-priority.low{background:#eef4ff;color:#5177b4}.note-card-main{display:block;width:100%;margin:14px 0 9px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.note-card-main h3{margin:0;color:#1b3458;font-size:16px}.note-card-main p{display:-webkit-box;margin:7px 0 0;overflow:hidden;color:#647894;font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.employee-meal-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;border:1px solid #f1d7ae;border-radius:13px;background:#fff9ef}.employee-meal-fields.hidden{display:none}.employee-meal-summary{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin:3px 0 10px;padding:10px 12px;border-radius:11px;background:linear-gradient(135deg,#fff4e2,#effaf5)}.employee-meal-summary span{color:#5b6f89;font-size:11px}.employee-meal-summary b{color:#9a590d;font-size:14px}.employee-meal-summary em{grid-column:2;grid-row:1/3;align-self:center;padding:5px 8px;border-radius:999px;background:#fff0d3;color:#a2630b;font-size:10px;font-style:normal;font-weight:800}.employee-meal-summary em.paid{background:#def8ec;color:#07835f}.employee-meal-summary em.waived{background:#edf2f8;color:#60728b}
.note-checklist{display:grid;gap:5px;margin:4px 0 10px;padding:0;list-style:none}.note-checklist li{display:flex;align-items:flex-start;gap:7px;color:#526985;font-size:12px}.note-checklist li.done{color:#8797aa;text-decoration:line-through}.note-checklist button,.note-checklist i{display:grid;flex:0 0 19px;place-items:center;width:19px;height:19px;margin:0;padding:0;border:1px solid #bfd0e5;border-radius:6px;background:#fff;color:#2d8c70;font-style:normal;cursor:pointer}.note-snapshot{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:auto;padding:10px;border-radius:11px;background:linear-gradient(135deg,#edf6ff,#edfdf7);color:#5f7491;font-size:10px}.note-snapshot span,.note-snapshot strong{grid-column:1/-1}.note-snapshot strong{color:#16856a}.note-card footer{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:12px;padding-top:11px;border-top:1px solid #e5edf6;color:#7a8da6;font-size:10px}.note-card footer>div{display:flex;gap:5px}.note-card footer button{min-height:28px;padding:0 8px;border:1px solid #bed1e7;border-radius:8px;background:#fff;color:#476998;font-weight:700;cursor:pointer}.note-card footer .note-delete{width:28px;color:#e1485c;font-size:17px}.notes-empty{display:grid;justify-items:center;gap:8px;min-height:260px;padding:46px 20px;border:1px dashed #b9cae2;border-radius:19px;background:rgba(255,255,255,.5);color:#7186a4;text-align:center}.notes-empty>span{display:grid;place-items:center;width:49px;height:49px;border-radius:16px;background:#edf3ff;color:#3f80c7;font-size:23px}.notes-empty b{color:#314d77}.notes-empty small{max-width:390px}
.note-modal{max-width:710px}.note-modal textarea{width:100%;padding:11px;resize:vertical}.note-wide{grid-column:1/-1}.note-snapshot-choice{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #cfe0f1;border-radius:12px;background:#f4faff}.note-snapshot-choice input{width:17px;height:17px;margin:2px 0 0}.note-snapshot-choice span{display:grid;gap:3px}.note-snapshot-choice b{color:#2c4f79;font-size:12px}.note-snapshot-choice small{color:#7488a2;font-size:11px}
.dashboard-notes{padding:20px;border:1px solid rgba(164,198,231,.66);border-radius:21px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(235,249,255,.6));box-shadow:0 13px 30px rgba(42,74,143,.08)}.dashboard-notes header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}.dashboard-notes header span{font-size:10px;font-weight:900;color:#6982a3;letter-spacing:.08em}.dashboard-notes h3{margin:3px 0 0;color:#1d385d;font-size:17px}.dashboard-notes header button{border:0;background:transparent;color:#2377bc;font-weight:800;cursor:pointer}.dashboard-note{display:flex;align-items:center;width:100%;gap:11px;padding:11px 4px;border:0;border-bottom:1px solid rgba(212,226,241,.78);background:transparent;text-align:left;cursor:pointer}.dashboard-note:last-child{border-bottom:0}.dashboard-note i{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border-radius:11px;background:#edf3ff;color:#326fba;font-style:normal}.dashboard-note i.orange{background:#fff2df;color:#a85d0b}.dashboard-note i.green{background:#e6faf2;color:#078965}.dashboard-note i.red{background:#fff0f1;color:#d34156}.dashboard-note span{display:grid;min-width:0;gap:2px}.dashboard-note b{overflow:hidden;color:#2b466e;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.dashboard-note small{color:#7c8fa8;font-size:11px}.dashboard-note em{margin-left:auto;color:#a0aac0;font-size:12px;font-style:normal}.dashboard-note-empty{display:flex;align-items:center;gap:9px;min-height:62px;color:#7890ab;font-size:12px}.dashboard-note-empty p{flex:1}.dashboard-note-empty button{border:0;background:transparent;color:#2b73b7;font-weight:700;cursor:pointer}
@media(max-width:1100px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.period-stepper{gap:2px;flex:0 0 auto}.period-step{width:28px;height:36px;flex-basis:28px;border-radius:9px}.period-stepper .period{min-width:38px;padding-inline:8px!important}.note-summary{gap:8px;margin:12px 0}.note-summary article{min-height:82px;padding:12px 10px;border-radius:15px}.note-summary b{font-size:20px}.note-summary small{font-size:9px}.notes-toolbar{display:grid;gap:9px;padding:10px}.notes-search{max-width:none}.notes-filter{width:100%}.notes-filter button{flex:1;padding:0 7px}.notes-grid{grid-template-columns:1fr;gap:10px}.note-card{min-height:0;padding:14px;border-radius:17px}.note-modal .form-grid,.employee-meal-fields{grid-template-columns:1fr}.note-wide,.employee-meal-fields{grid-column:auto}.dashboard-notes{padding:16px;border-radius:19px}}

@media(max-width:760px){.expense-items-editor{margin:14px 0;padding:12px}.expense-items-editor>header{align-items:flex-start}.expense-item-row{grid-template-columns:minmax(0,1fr) 70px 76px 34px}.expense-item-row label:first-child{grid-column:1/-1}.expense-item-row label:nth-child(4){grid-column:1/3}.expense-item-row output{grid-column:3}.expense-item-row .expense-item-remove{grid-column:4;grid-row:2}.expense-item-row label>span{font-size:8px}.expense-calculated-total{padding:10px}.expense-calculated-total output{font-size:20px}.expense-detail-items{margin-bottom:110px}}
@media(max-width:480px){body.breaktime-app .topbar{gap:7px;padding-inline:8px}body.breaktime-app .topbar>div:nth-child(2){max-width:128px}body.breaktime-app .topbar h1{max-width:128px;font-size:17px!important}.mobile-menu{width:34px;padding:0}.avatar-logo{display:none}.note-summary{grid-template-columns:1fr 1fr}.note-summary article:last-child{grid-column:1/-1}.page-toolbar h2{font-size:20px}.page-toolbar p{max-width:100%}}