/* Presentation refinements; existing motion and application behavior are retained. */
:root{--polish-violet:#a3a8b2;--polish-blue:#a3a8b2}
.design-content>section,.design-content>form.card,.design-content>div.card,.design-content>details.panel{margin-bottom:22px}.design-content>.button-row{margin:18px 0 22px}.design-content>h2{margin:26px 0 16px}.card,.panel{box-shadow:0 6px 24px #101b4b05;border:1px solid #e7e7e74d}.card-header{gap:18px;align-items:center}.card-header p,.helper{line-height:1.75}.card-body{padding:26px}.form-card{max-width:980px}.form-card .card-body{padding:30px}.form-grid{gap:22px}.form-field{min-width:0}.form-field label{line-height:1.5;letter-spacing:.2px;margin-bottom:9px}.form-field input,.form-field select,.form-field textarea{min-width:0;background:#e7e7e7;border-color:#e7e7e7;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.6}.form-field input,.form-field select{min-height:46px}.form-field textarea{min-height:100px;resize:vertical}.form-field input[readonly]{background:#e7e7e7;color:#545e85}.form-field input[type=file]{background:#e7e7e7;padding:10px;max-width:100%}.form-field input[type=file]::file-selector-button{font:inherit;font-size:13px;border:0;border-radius:8px;background:#e7e7e7;color:#101b4b;padding:7px 10px;margin-right:10px;cursor:pointer}.section-divider{margin:25px 0}.form-actions{padding-top:20px;margin-top:20px;gap:12px}.panel .panel-body{padding:24px}.form-card details.panel{margin:24px 0;border-radius:17px;background:#e7e7e7}.table-scroll{border-radius:inherit}.table-scroll table{font-size:13px}.table-scroll th{background:#e7e7e7;color:#545e85;text-transform:none;letter-spacing:.2px;font-weight:700;padding:17px 20px}.table-scroll td{padding:17px 20px;vertical-align:middle}.table-scroll td form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.table-scroll td form select{width:auto;min-width:110px;padding:8px 10px;border-radius:9px}.table-scroll td small{display:block;margin-top:5px}.badge{line-height:1.6;padding:5px 11px;white-space:normal}.reading-entry{gap:22px;align-items:start;border-color:#e7e7e7;padding:24px 0}.reading-entry>div:first-child>strong{display:block;margin-bottom:14px}.reading-entry .form-field{margin-bottom:14px}.page-heading{box-shadow:none}.page-heading h1{font-size:27px;line-height:1.4}.page-heading p{max-width:680px;line-height:1.8}
.dashboard-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0 0 28px}.shortcut-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;background:var(--surface);padding:20px;border:1px solid #e7e7e75c;border-radius:19px;box-shadow:0 5px 20px #101b4b03;min-height:125px}.shortcut-tile strong{font-size:13px;font-weight:700;line-height:1.5}.shortcut-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px}.shortcut-icon .icon{width:23px;height:23px;stroke-width:1.8}.shortcut-arrow{position:absolute;right:16px;top:17px;color:#a3a8b2;font-size:16px}.shortcut-tile.rose .shortcut-icon{background:#fff0f2;color:#de7a91}.shortcut-tile.gold .shortcut-icon{background:#fff5d4;color:#f6d673}.shortcut-tile.blue .shortcut-icon{background:#eef0f5;color:#545e85}.shortcut-tile.violet .shortcut-icon{background:#eef0f5;color:#545e85}.shortcut-tile.mint .shortcut-icon{background:#e7e7e7;color:#545e85}.shortcut-tile.peach .shortcut-icon{background:#fff1e8;color:#df9b68}.shortcut-tile:hover{border-color:#a3a8b2;background:#e7e7e7}.shortcut-tile:focus-visible{outline:3px solid #f6d673;outline-offset:3px}
.analytics-section{margin-bottom:28px}.analytics-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:19px}.analytics-toolbar .eyebrow{margin-bottom:5px}.analytics-toolbar h2{font-size:19px;font-weight:750}.analytics-filters{width:280px;max-width:100%;border-radius:14px;background:var(--surface);margin:0}.analytics-filters summary{padding:12px 16px;min-height:46px}.analytics-filters .summary-copy strong{font-size:13px}.analytics-filters .panel-body{padding:16px}.analytics-filters .form-grid{grid-template-columns:1fr;gap:12px}.analytics-filters .form-field{margin-bottom:0}.analytics-filters .button{margin-top:15px;width:100%}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.chart-card{padding:25px 26px 15px;border-radius:22px;min-width:0;background:var(--surface);overflow:hidden}.chart-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.chart-heading h3{font-size:16px;font-weight:750;line-height:1.5}.chart-heading p{font-size:13px;color:var(--muted);margin-top:5px}.chart-dot{width:10px;height:10px;border-radius:50%;background:var(--polish-violet);margin-top:7px;flex:none}.bar .chart-dot{background:var(--polish-blue)}.chart-total{font-size:26px;font-weight:750;margin:19px 0 7px;letter-spacing:-.6px}.chart-total span{display:block;font-size:13px;font-weight:550;color:var(--muted);letter-spacing:0;margin-top:3px}.chart-plot{overflow-x:auto;margin:0 -8px;scrollbar-width:thin}.dashboard-chart{display:block;width:100%;min-width:420px;height:auto}.chart-gridline{stroke:#eef0f5;stroke-dasharray:4 5;stroke-width:1}.chart-axis{font-family:Manrope,'Segoe UI',sans-serif;font-size:16.5px;fill:#545e85}.chart-values{border-top:1px solid var(--line);margin-top:5px}.chart-values>summary{font-size:13px;font-weight:600;list-style:none;color:var(--muted);padding:13px 0;cursor:pointer}.chart-values>summary:after{content:' +';color:var(--text)}.chart-values[open]>summary:after{content:' âˆ’'}.chart-values .table-scroll th,.chart-values .table-scroll td{padding:10px 12px}.chart-card.area{--chart-accent:#a3a8b2}.chart-card.bar{--chart-accent:#a3a8b2}
[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .shortcut-tile{border-color:#101b4b55;box-shadow:0 7px 24px #101b4b10}[data-theme=dark] .form-field input,[data-theme=dark] .form-field select,[data-theme=dark] .form-field textarea{background:#101b4b;border-color:#101b4b}[data-theme=dark] .form-field input[readonly],[data-theme=dark] .form-card details.panel,[data-theme=dark] .table-scroll th{background:#101b4b;color:#a3a8b2}[data-theme=dark] .form-field input[type=file]::file-selector-button{background:#101b4b;color:#e7e7e7}[data-theme=dark] .chart-gridline{stroke:#101b4b}[data-theme=dark] .chart-axis{fill:#a3a8b2}[data-theme=dark] .shortcut-tile:hover{background:#101b4b}
@media(max-width:1150px){.dashboard-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.chart-card{padding:22px}.page-heading h1{font-size:25px}}
@media(max-width:680px){.design-content>section,.design-content>form.card,.design-content>div.card,.design-content>details.panel{margin-bottom:18px}.card-body,.form-card .card-body,.panel .panel-body{padding:21px 18px}.form-grid{gap:18px}.form-actions{flex-wrap:wrap}.page-heading h1{font-size:23px}.dashboard-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}.shortcut-tile{padding:16px;border-radius:16px;min-height:116px}.shortcut-icon{width:40px;height:40px;border-radius:11px}.analytics-toolbar{flex-direction:column;gap:14px}.analytics-filters{width:100%}.analytics-grid{gap:17px}.chart-card{padding:20px 16px 10px;border-radius:19px}.chart-heading h3{font-size:16px}.chart-total{font-size:25px}.dashboard-chart{min-width:280px}.chart-axis{font-size:25px}.table-scroll th,.table-scroll td{padding:14px 16px}.reading-entry{gap:16px}.form-field input[type=file]{font-size:13px}.page-heading p{max-width:100%}}
@media print{.dashboard-shortcuts,.analytics-filters,.chart-values{display:none}.analytics-grid{display:block}.chart-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.chart-plot{overflow:visible}.dashboard-chart{min-width:0}}
