:root{--blue:#3975e9;--blue-dark:#245fcf;--blue-50:#eef5ff;--ink:#172033;--muted:#6d778b;--line:#e8edf5;--bg:#f7f9fc;--card:#fff;--danger:#dc5b64;--success:#24a36b;--sidebar:238px;--radius:18px;--shadow:0 10px 35px rgba(44,66,104,.06)}
*{box-sizing:border-box}html,body{min-height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:14px}a{text-decoration:none;color:inherit}.min-w-0{min-width:0}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:24px 16px 18px;flex-direction:column;z-index:1030}.brand{display:flex;align-items:center;gap:11px;padding:0 8px;color:var(--ink)}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:17px;box-shadow:0 7px 18px rgba(57,117,233,.2)}.brand>span:last-child{display:flex;line-height:1;align-items:baseline}.brand strong{font-size:17px}.brand small{font-size:17px;color:var(--blue);font-weight:700}.brand.compact{padding:0}.brand.compact strong{font-size:16px}.sidebar-nav{display:flex;flex-direction:column;gap:5px;margin-top:34px}.sidebar-nav.mobile{margin-top:0}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;color:#697489;font-weight:600;transition:.16s}.nav-item i{width:20px;text-align:center;font-size:16px}.nav-item:hover{background:#f5f8fd;color:var(--ink)}.nav-item.active{background:var(--blue-50);color:var(--blue)}.nav-label{text-transform:uppercase;color:#a1aaba;font-size:10px;font-weight:800;letter-spacing:.12em;padding:22px 13px 5px}.sidebar-user{margin-top:auto;background:#f8faff;border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;align-items:center;gap:9px}.sidebar-user small{color:var(--muted);font-size:11px}.avatar,.todo-avatar{width:34px;height:34px;border-radius:50%;background:#dce9ff;color:var(--blue-dark);display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}.icon-btn{border:0;background:transparent;width:34px;height:34px;display:inline-grid;place-items:center;border-radius:9px;color:#7d8799;transition:.15s}.icon-btn:hover{background:#edf2f8;color:var(--ink)}.icon-btn.danger:hover{background:#fff0f1;color:var(--danger)}.main-area{margin-left:var(--sidebar);min-height:100vh}.content-wrap{padding:36px 40px 60px;max-width:1600px;margin:auto}.mobile-header{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:1020}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{font-size:30px;letter-spacing:-.035em;margin:3px 0 5px;font-weight:800}.page-heading p{margin:0;color:var(--muted);max-width:700px}.eyebrow,.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:800}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border-radius:10px;font-weight:700;font-size:13px;padding:.64rem 1rem}.btn-lg{padding:.78rem 1rem}.btn-primary{background:var(--blue);border-color:var(--blue);box-shadow:0 6px 15px rgba(57,117,233,.16)}.btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.btn-soft{background:var(--blue-50);color:var(--blue);border:1px solid transparent}.btn-soft:hover{background:#dceaff;color:var(--blue-dark)}.btn-light{background:#f5f7fb;border-color:#eef1f6}.form-control,.form-select{border-color:#dfe5ee;border-radius:10px;padding:.64rem .75rem;font-size:13px}.form-control:focus,.form-select:focus{border-color:#9dbcf8;box-shadow:0 0 0 .2rem rgba(57,117,233,.1)}.form-label{font-size:12px;font-weight:700;color:#505b6f;margin-bottom:6px}.form-check-input:checked{background-color:var(--blue);border-color:var(--blue)}.form-control-color{padding:.25rem;min-width:48px}.modal-content{border:0;border-radius:18px;box-shadow:0 24px 70px rgba(30,43,67,.18)}.modal-header,.modal-footer{border-color:var(--line);padding:18px 22px}.modal-body{padding:22px}.modal-title{font-weight:800;margin-top:2px}.soft-alert{border:0;border-radius:12px;box-shadow:var(--shadow)}.form-error{background:#fff1f2;color:#b83b47;padding:10px 12px;border-radius:10px;font-size:12px;white-space:pre-line}.panel-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-header h2{font-size:18px;font-weight:800;margin:2px 0}.panel-header p{color:var(--muted);font-size:12px}.text-link{color:var(--blue);font-size:12px;font-weight:700;white-space:nowrap}.text-link i{margin-left:5px;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);position:relative}.stat-card>div:nth-child(2){display:flex;flex-direction:column}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{font-size:18px;margin-top:2px}.stat-card small{color:var(--muted);font-size:10px}.stat-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:17px;flex:none}.stat-icon.blue{background:#e5efff;color:#3573e8}.stat-icon.yellow{background:#fff3cf;color:#d79000}.stat-icon.green{background:#dcf7e9;color:#159861}.stat-arrow{margin-left:auto;color:#c2c9d4;font-size:11px}.timeline-list,.deadline-list{display:flex;flex-direction:column}.timeline-item{display:flex;align-items:center;min-height:72px}.timeline-item+.timeline-item,.deadline-item+.deadline-item{border-top:1px solid #f0f2f6}.date-tile{width:45px;display:flex;flex-direction:column;align-items:center;line-height:1}.date-tile strong{font-size:18px}.date-tile span{font-size:9px;color:var(--muted);font-weight:800;margin-top:5px}.timeline-line{width:20px;display:grid;place-items:center}.timeline-line span{width:4px;height:34px;border-radius:10px}.timeline-item>div:last-child>strong{font-size:13px}.meta-line{display:flex;gap:14px;color:var(--muted);font-size:10px;margin-top:5px}.meta-line i{margin-right:4px}.deadline-item{min-height:62px;display:flex;align-items:center;gap:11px}.check-dot{width:15px;height:15px;border:2px solid #c9d2df;border-radius:50%}.check-dot.danger{border-color:#ef8b93}.deadline-item>div{display:flex;flex-direction:column}.deadline-item strong{font-size:12px}.deadline-item small{font-size:10px;color:var(--muted);margin-top:3px}.due-badge{background:#edf4ff;color:var(--blue);border-radius:30px;padding:4px 8px;font-size:10px;font-weight:700}.due-badge.late{background:#fff0f1;color:#c94752}.room-mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.room-mini{border:1px solid var(--line);border-radius:13px;padding:12px;display:flex;align-items:center;gap:10px;transition:.15s}.room-mini:hover{border-color:#cbdaf6;transform:translateY(-1px)}.room-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.room-mini>div{display:flex;flex-direction:column;min-width:0}.room-mini strong{font-size:11px}.room-mini small{font-size:9px;color:var(--muted);margin-top:3px}.empty-state{padding:35px 15px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:6px}.empty-state i{font-size:25px;color:#a9bad6;margin-bottom:4px}.empty-state strong{color:#536074}.empty-state span{font-size:11px}.empty-state.small{padding:25px 10px}.category-legend{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 14px}.category-legend span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700;color:#657084}.category-legend span>i{width:8px;height:8px;border-radius:50%}.category-legend span>b{font-size:9px;color:#7f8999}.calendar-panel{padding:14px 18px 22px}.fc{--fc-border-color:#edf0f5;--fc-button-bg-color:#fff;--fc-button-border-color:#dfe5ee;--fc-button-text-color:#566176;--fc-button-hover-bg-color:#f4f7fb;--fc-button-hover-border-color:#d6deea;--fc-button-active-bg-color:var(--blue);--fc-button-active-border-color:var(--blue);--fc-today-bg-color:#f7faff;font-size:12px}.fc .fc-toolbar{padding:8px 4px 18px}.fc .fc-toolbar-title{font-size:19px;font-weight:800;text-transform:capitalize}.fc .fc-button{font-size:11px;font-weight:700;border-radius:8px;padding:.5em .8em;box-shadow:none!important}.fc .fc-button-group>.fc-button{border-radius:0}.fc .fc-button-group>.fc-button:first-child{border-radius:8px 0 0 8px}.fc .fc-button-group>.fc-button:last-child{border-radius:0 8px 8px 0}.fc .fc-col-header-cell{background:#fbfcfe;padding:9px 0;color:#697488;font-size:10px;text-transform:uppercase}.fc .fc-daygrid-day-number{padding:8px;color:#586478;font-weight:600}.fc .fc-day-today .fc-daygrid-day-number{background:var(--blue);color:#fff;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;margin:4px}.fc .fc-event{border:0;border-radius:5px;padding:2px 4px;font-size:10px;font-weight:700;cursor:pointer}.fc .fc-daygrid-more-link{font-size:10px;color:var(--blue);font-weight:700}.kanban-scroll{overflow-x:auto;padding-bottom:12px}.kanban-board{display:flex;gap:16px;align-items:flex-start;min-width:max-content}.kanban-column{width:296px;background:#f1f4f8;border:1px solid #e8edf3;border-radius:16px;padding:10px}.kanban-header{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 10px 5px}.column-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:11px}.kanban-header strong{font-size:12px}.count-pill{background:#e7ebf1;color:#657186;border-radius:20px;min-width:23px;padding:3px 7px;text-align:center;font-size:9px;font-weight:800}.kanban-items{min-height:45px;display:flex;flex-direction:column;gap:8px}.todo-card{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:13px;box-shadow:0 3px 10px rgba(37,50,75,.03);cursor:pointer;transition:.15s}.todo-card:hover{border-color:#cbd8ec;box-shadow:0 6px 14px rgba(37,50,75,.06)}.todo-card>strong{font-size:12px;display:block;margin-top:7px;line-height:1.4}.todo-card p{font-size:10px;color:var(--muted);margin:5px 0 0;line-height:1.5}.todo-card-top,.todo-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.todo-room{font-size:9px;background:#f2f5f9;color:#667186;border-radius:6px;padding:4px 6px;font-weight:700}.todo-room i{margin-right:4px}.priority-dot{width:7px;height:7px;border-radius:50%;background:#7aa0eb}.priority-dot.high{background:#ef6c76}.priority-dot.low{background:#83c997}.todo-meta{margin-top:10px;min-height:22px}.todo-meta>span:first-child{font-size:9px;color:#7b8698}.todo-meta>span:first-child i{margin-right:4px}.todo-meta .late{color:#d94d58!important}.todo-avatar{width:22px;height:22px;font-size:8px}.kanban-add{border:0;background:transparent;width:100%;color:#7b8698;font-size:10px;font-weight:700;text-align:left;padding:10px 8px 4px}.kanban-add:hover{color:var(--blue)}.sortable-ghost{opacity:.35}.sortable-drag{transform:rotate(1deg);box-shadow:0 14px 30px rgba(37,50,75,.12)}.budget-summary{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;grid-template-columns:auto 1px auto 1px auto minmax(180px,1fr);align-items:center;gap:24px;box-shadow:var(--shadow)}.budget-total{display:flex;flex-direction:column}.budget-total span{font-size:10px;color:var(--muted);font-weight:600}.budget-total strong{font-size:19px;margin-top:4px}.budget-divider{height:38px;background:var(--line)}.budget-progress-wrap{display:flex;flex-direction:column;gap:5px}.progress{height:8px;border-radius:10px;background:#edf1f6}.progress-bar{background:var(--blue);border-radius:10px}.budget-progress-wrap small{font-size:9px;color:var(--muted);text-align:right}.rooms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.room-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:var(--shadow);transition:.18s}.room-card:hover{transform:translateY(-2px);border-color:#cedcf4;box-shadow:0 14px 35px rgba(44,66,104,.09)}.room-card-head{display:flex;justify-content:space-between;align-items:flex-start}.large-room-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:17px}.room-arrow{font-size:11px;color:#bdc5d1;margin:8px}.room-card h3{font-size:15px;font-weight:800;margin:14px 0 8px}.room-money{display:flex;align-items:baseline;gap:5px}.room-money strong{font-size:16px}.room-money span{font-size:10px;color:var(--muted)}.progress.slim{height:5px;margin-top:12px}.room-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:7px}.back-link{font-size:11px;color:var(--muted);font-weight:700;display:inline-flex;align-items:center;gap:6px;margin-bottom:14px}.back-link:hover{color:var(--blue)}.room-title{display:flex;align-items:center;gap:12px}.room-title h1{margin:1px 0}.mini-summary-row{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.mini-summary-row>div{padding:16px 20px;display:flex;flex-direction:column}.mini-summary-row>div+div{border-left:1px solid var(--line)}.mini-summary-row span{font-size:10px;color:var(--muted)}.mini-summary-row strong{font-size:16px;margin-top:3px}.budget-table th{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#768196;background:#fbfcfe;padding:13px 18px;border-bottom-color:var(--line)}.budget-table td{padding:14px 18px;font-size:12px;vertical-align:middle;border-color:#f0f2f6}.budget-table td:first-child strong{display:block}.budget-table td:first-child small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.budget-table tfoot th{font-size:11px;background:#f8faff;color:var(--ink)}.admin-table th{font-size:10px;text-transform:uppercase;color:#7d8798;background:#fbfcfe;padding:13px 18px;border-color:var(--line)}.admin-table td{font-size:11px;vertical-align:middle;padding:13px 18px;border-color:#f0f2f6}.user-cell{display:flex;align-items:center;gap:9px}.user-cell .avatar{width:30px;height:30px;font-size:10px}.admin-table code{color:#586477;background:#f3f5f8;padding:3px 6px;border-radius:5px}.role-badge{display:inline-flex;align-items:center;gap:5px;background:#f1f4f8;color:#657084;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:700}.role-badge.admin{background:#e8f0ff;color:var(--blue)}.status-dot{display:flex;align-items:center;gap:6px;font-size:10px}.status-dot i{font-size:6px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-row{display:grid;grid-template-columns:36px minmax(100px,1fr) 120px 48px auto auto;align-items:center;gap:7px;background:#fafbfc;border:1px solid #edf0f4;padding:7px;border-radius:11px}.column-row{grid-template-columns:36px minmax(100px,1fr) 120px 48px 30px auto auto auto}.done-check{display:flex;align-items:center;justify-content:center;gap:4px;color:#7d8798;font-size:9px}.done-check .form-check-input{margin:0}.color-preview{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.settings-row .form-control,.settings-row .form-select,.add-setting-row .form-control,.add-setting-row .form-select{font-size:10px;padding:.48rem .55rem}.settings-row .form-control-color,.add-setting-row .form-control-color{padding:.2rem}.add-setting-row{display:grid;grid-template-columns:minmax(110px,1fr) 120px 48px auto;gap:7px;margin-top:12px}.feed-box{display:flex;gap:8px}.feed-box input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.login-body{background:#fff}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-intro{background:#edf5ff;position:relative;padding:8vw;flex-direction:column;justify-content:center;overflow:hidden}.login-intro:before,.login-intro:after{content:"";position:absolute;border-radius:50%;background:#dbeaff}.login-intro:before{width:380px;height:380px;right:-170px;top:-90px}.login-intro:after{width:260px;height:260px;left:-120px;bottom:-80px}.login-intro h1{font-size:clamp(34px,4vw,58px);letter-spacing:-.05em;font-weight:800;line-height:1.08;margin:8px 0 18px;position:relative}.login-intro p{max-width:540px;color:#65738a;line-height:1.7;font-size:15px;position:relative}.login-art{height:220px;position:relative;max-width:540px;margin-bottom:30px}.art-house{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:125px;height:125px;border-radius:35px;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:54px;box-shadow:0 25px 60px rgba(65,105,170,.12)}.art-dot{position:absolute;width:55px;height:55px;border-radius:18px;display:grid;place-items:center;font-size:18px;box-shadow:0 12px 30px rgba(65,105,170,.1)}.art-dot.one{background:#fff2c9;color:#d59000;left:20%;top:20px}.art-dot.two{background:#fbe4f0;color:#c35d91;right:18%;top:45px}.art-dot.three{background:#dcf7e8;color:#188e5e;left:28%;bottom:5px}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:min(390px,100%)}.login-brand{padding:0;margin-bottom:44px}.login-card h2{font-size:28px;font-weight:800;letter-spacing:-.035em}.input-icon{position:relative}.input-icon i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#9aa4b4;font-size:12px}.input-icon .form-control{padding-left:38px}.login-card .form-control{height:45px}.login-card .form-check-label{font-size:11px;color:var(--muted)}
@media(max-width:1199.98px){.stats-grid{grid-template-columns:repeat(2,1fr)}.room-mini-grid{grid-template-columns:repeat(3,1fr)}.rooms-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.budget-summary{grid-template-columns:auto 1px auto 1px auto}.budget-progress-wrap{grid-column:1/-1}.login-layout{grid-template-columns:1fr}.login-panel{min-height:100vh}}
@media(max-width:991.98px){.main-area{margin-left:0}.content-wrap{padding:25px 20px 50px}.page-heading{align-items:flex-start}.calendar-panel{padding:10px}.fc .fc-toolbar{flex-wrap:wrap;gap:10px}.fc .fc-toolbar-title{font-size:16px}.room-mini-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.column-row{grid-template-columns:34px minmax(100px,1fr) 45px 28px auto auto auto}.page-heading{flex-direction:column;margin-bottom:20px}.page-heading h1{font-size:26px}.heading-actions{width:100%}.stats-grid{grid-template-columns:1fr}.rooms-grid{grid-template-columns:1fr}.budget-summary{grid-template-columns:1fr 1fr;gap:15px}.budget-divider{display:none}.budget-progress-wrap{grid-column:1/-1}.mini-summary-row{grid-template-columns:1fr}.mini-summary-row>div+div{border-left:0;border-top:1px solid var(--line)}.settings-row{grid-template-columns:34px minmax(100px,1fr) 45px auto auto}.settings-row .icon-select{display:none}.add-setting-row{grid-template-columns:1fr 48px auto}.add-setting-row select{display:none}.feed-box{flex-direction:column}.fc .fc-toolbar{display:grid;grid-template-columns:1fr auto}.fc .fc-toolbar-chunk:nth-child(2){grid-column:1/-1;grid-row:1;text-align:left}.fc .fc-toolbar-chunk:nth-child(3){grid-column:1/-1}.fc .fc-toolbar-title{font-size:18px}.login-panel{padding:24px}.content-wrap{padding:22px 14px 45px}.panel-card{padding:17px}}
.location-filter{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 16px}.location-filter-btn{border:1px solid var(--line);background:#fff;color:#657084;border-radius:24px;padding:6px 10px;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;transition:.15s}.location-filter-btn:hover{border-color:#cbdaf6;color:var(--ink)}.location-filter-btn.active{background:var(--blue-50);border-color:#c8dafc;color:var(--blue)}.location-filter-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#455168;font-size:9px}.todo-location{font-size:9px;background:color-mix(in srgb,var(--location-color) 45%,white);color:#5a6476;border-radius:6px;padding:4px 6px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.todo-room-line{color:#7a8496;font-size:9px;margin-top:6px;display:flex;align-items:center;gap:5px}.location-hidden{display:none!important}.budget-location-section{display:flex;flex-direction:column;gap:12px}.budget-location-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.budget-location-heading h2{font-size:18px;font-weight:800;margin:1px 0}.location-heading-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.settings-wide{grid-column:1/-1}.location-row{grid-template-columns:36px minmax(110px,1fr) 120px 48px 94px auto auto auto}.location-add-row{grid-template-columns:minmax(130px,1fr) 120px 48px 94px auto}.budget-check{display:flex;align-items:center;justify-content:center;gap:5px;color:#6e788a;font-size:9px;font-weight:700;white-space:nowrap}.budget-check .form-check-input{margin:0}
@media(max-width:767.98px){.location-row{grid-template-columns:34px minmax(100px,1fr) 48px 72px auto auto}.location-row .icon-select,.location-row .count-pill{display:none}.location-add-row{grid-template-columns:1fr 48px 72px auto}.location-add-row select{display:none}.location-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.location-filter-btn{flex:none}}
.finance-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.finance-stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);min-width:0}.finance-stat-card.success{border-color:#d8f0e5}.finance-stat-card.danger{border-color:#f4d7da}.finance-stat-card>div{display:flex;flex-direction:column;min-width:0}.finance-stat-card>div>span{font-size:10px;color:var(--muted);font-weight:700}.finance-stat-card strong{font-size:18px;margin-top:3px;white-space:nowrap}.finance-stat-card small{font-size:9px;color:var(--muted);margin-top:2px}.finance-stat-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none}.finance-stat-icon.blue{background:#e5efff;color:#3573e8}.finance-stat-icon.green{background:#dcf7e9;color:#159861}.finance-stat-icon.yellow{background:#fff3cf;color:#d79000}.finance-stat-icon.purple{background:#eee8ff;color:#7558c9}.finance-stat-icon.red{background:#fff0f1;color:#c94752}.finance-overview-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.finance-overview-strip>div{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.finance-overview-strip>div+div{border-left:1px solid var(--line)}.finance-overview-strip span{font-size:9px;color:var(--muted);font-weight:700}.finance-overview-strip strong{font-size:12px;white-space:nowrap}.finance-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,.8fr);gap:18px;align-items:stretch}.cashflow-card,.funds-card{min-width:0}.cashflow-warning,.cashflow-ok{border-radius:30px;padding:6px 9px;font-size:9px;font-weight:800;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.cashflow-warning{background:#fff0f1;color:#c94752}.cashflow-ok{background:#e9f8f0;color:#16865b}.cashflow-chart-wrap{width:100%;overflow:hidden}.cashflow-chart{display:block;width:100%;height:auto;min-height:230px}.cash-chart-grid{stroke:#edf1f6;stroke-width:1}.cash-chart-zero{stroke:#e9a1a7;stroke-width:1.5;stroke-dasharray:5 5}.cash-chart-line{fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.cash-chart-point{fill:#fff;stroke:var(--blue);stroke-width:3}.cash-chart-point.negative{stroke:var(--danger)}.cash-chart-y-label,.cash-chart-x-label{fill:#8490a3;font-size:10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cashflow-note{margin-top:10px;padding:10px 12px;border-radius:11px;background:#fff8dd;color:#79601b;display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.45}.cashflow-note i{margin-top:2px}.fund-list{display:flex;flex-direction:column;gap:7px}.fund-row{width:100%;border:1px solid #edf0f4;background:#fafbfc;border-radius:12px;padding:9px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 22px;align-items:center;gap:9px;text-align:left;color:var(--ink);transition:.15s}.fund-row:hover{border-color:#cbdaf6;background:#f7faff}.fund-date{width:38px;height:38px;border-radius:10px;background:#e8f0ff;color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.fund-date strong{font-size:13px}.fund-date small{font-size:7px;font-weight:900;margin-top:3px}.fund-info{display:flex;flex-direction:column;min-width:0}.fund-info strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fund-info small{font-size:8px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fund-amount{font-size:10px;font-weight:800;color:var(--success);white-space:nowrap}.fund-row>i{font-size:9px;color:#a1aaba}.finance-table-header{padding:18px 20px 8px;margin:0}.finance-table-header p{margin:0}.cash-type{display:inline-grid;width:22px;height:22px;border-radius:7px;place-items:center;margin-right:8px;font-size:8px}.cash-type.income{background:#dcf7e9;color:#159861}.cash-type.expense{background:#fff0f1;color:#c94752}.cost-room-link{display:flex;align-items:center;gap:8px}.cost-room-link:hover strong{color:var(--blue)}.cost-room-dot{width:9px;height:28px;border-radius:10px;flex:none}.cost-room-link>span:last-child{display:flex;flex-direction:column}.cost-room-link small{font-size:8px;color:var(--muted)}.cost-room-link strong{font-size:10px}.date-pill{display:inline-flex;align-items:center;gap:5px;background:#eef5ff;color:#356bcd;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700;white-space:nowrap}.date-pill.muted{background:#f1f3f6;color:#7c8798}.all-costs-table td:nth-child(2) strong{display:block}.all-costs-table td:nth-child(2) small{display:block;color:var(--muted);font-size:9px;margin-top:3px;max-width:340px}.form-text{font-size:9px;color:var(--muted)}
@media(max-width:1199.98px){.finance-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-layout{grid-template-columns:1fr}.fund-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.finance-stats-grid{grid-template-columns:1fr}.finance-overview-strip{grid-template-columns:1fr 1fr}.finance-overview-strip>div+div{border-left:0}.finance-overview-strip>div:nth-child(even){border-left:1px solid var(--line)}.finance-overview-strip>div:nth-child(n+3){border-top:1px solid var(--line)}.fund-list{grid-template-columns:1fr}.cashflow-chart{min-width:650px}.cashflow-chart-wrap{overflow-x:auto}.finance-timeline-table,.all-costs-table{min-width:760px}}
/* Moodboards */
.moodboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;align-items:start}.moodboard-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.moodboard-card:hover{transform:translateY(-2px);border-color:#cddbf1;box-shadow:0 12px 32px rgba(40,66,110,.09)}.moodboard-cover{display:block;position:relative;height:200px;background:color-mix(in srgb,var(--board-color) 75%,white);overflow:hidden}.moodboard-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.moodboard-card:hover .moodboard-cover img{transform:scale(1.025)}.moodboard-cover-empty{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--board-color) 86%,white),#fff)}.moodboard-cover-empty i{font-size:42px;color:color-mix(in srgb,var(--board-color) 38%,#52627b)}.moodboard-count{position:absolute;right:10px;bottom:10px;background:rgba(255,255,255,.91);backdrop-filter:blur(5px);border-radius:22px;padding:6px 9px;font-size:9px;font-weight:800;color:#596579;box-shadow:0 2px 10px rgba(31,46,77,.1)}.moodboard-card-body{padding:14px 15px 16px}.moodboard-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.moodboard-card-title a{color:var(--ink);font-size:14px;min-width:0}.moodboard-card-title a:hover{color:var(--blue)}.moodboard-card-body p{margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mood-room-badge{--room-color:#dbeafe;display:inline-flex;align-items:center;gap:5px;margin-top:8px;border-radius:20px;padding:5px 8px;background:color-mix(in srgb,var(--room-color) 55%,white);color:#5e687a;font-size:8px;font-weight:800;max-width:100%}.mood-room-badge.neutral{background:#f1f3f7;color:#7d8797}.mood-empty{text-align:center;padding:65px 30px;display:flex;flex-direction:column;align-items:center}.mood-empty.compact-empty{padding:55px 25px}.mood-empty-art{width:78px;height:78px;border-radius:25px;background:linear-gradient(145deg,#e7efff,#f9eafb);display:grid;place-items:center;color:#6683c9;font-size:27px;margin-bottom:17px;transform:rotate(-4deg)}.mood-empty h2{font-size:18px;font-weight:800;margin:0 0 7px}.mood-empty p{max-width:480px;color:var(--muted);font-size:10px;line-height:1.6;margin:0 0 18px}.moodboard-detail-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.moodboard-title-wrap{min-width:0}.moodboard-title-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--board-color) 70%,white);color:color-mix(in srgb,var(--board-color) 30%,#40516e);font-size:18px;flex:none}.moodboard-detail-heading h1{font-size:30px;font-weight:850;letter-spacing:-.04em;margin:2px 0 0}.back-link{display:inline-flex;align-items:center;gap:7px;color:#788396;font-size:9px;font-weight:800}.back-link:hover{color:var(--blue)}.moodboard-room-line{margin-top:6px;display:flex;align-items:center;gap:6px;color:#748095;font-size:9px;font-weight:700}.moodboard-description{margin:13px 0 0 68px;color:var(--muted);font-size:10px;line-height:1.55;max-width:700px}.mood-pin-grid{columns:5 220px;column-gap:16px}.mood-pin{display:inline-block;width:100%;break-inside:avoid;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 3px 15px rgba(45,65,97,.055);margin:0 0 16px;vertical-align:top}.mood-pin-image{display:block;width:100%;padding:0;border:0;background:#eef1f5;position:relative;cursor:zoom-in;text-align:left}.mood-pin-image img{display:block;width:100%;height:auto;min-height:90px;object-fit:cover}.mood-pin-image img[src=""]{display:none}.mood-pin-origin{position:absolute;right:9px;top:9px;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);font-size:9px;color:#687487;box-shadow:0 2px 10px rgba(35,50,78,.1)}.mood-pin-origin.upload{color:#3377d7}.mood-pin-origin.link{color:#7b62bc}.mood-pin-body{padding:11px 12px 13px}.mood-pin-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mood-pin-topline strong,.mood-pin-topline>span{font-size:10px;line-height:1.35}.mood-pin-topline .icon-btn{width:25px;height:25px;flex:none;margin-top:-4px;margin-right:-4px}.mood-pin-body p{font-size:9px;color:var(--muted);line-height:1.5;margin:7px 0 0;white-space:pre-line}.mood-source-link{display:inline-flex;align-items:center;gap:5px;margin-top:9px;font-size:8px;font-weight:800;color:#6b78a0}.mood-source-link:hover{color:var(--blue)}.mood-upload-drop{border:1.5px dashed #cbd7e9;background:#f9fbff;border-radius:16px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;cursor:pointer;transition:.15s}.mood-upload-drop:hover{background:#f3f7ff;border-color:#a9c3ef}.upload-drop-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#e5efff;color:#3a77e4;font-size:16px;margin-bottom:10px}.mood-upload-drop strong{font-size:11px}.mood-upload-drop>span:last-of-type{font-size:8px;color:var(--muted);margin-top:5px}.mood-upload-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.mood-upload-thumb{min-width:0}.mood-upload-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;display:block}.mood-upload-thumb span{display:block;font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.mood-link-preview{margin-top:12px;background:#f4f6f9;border-radius:13px;padding:8px;text-align:center}.mood-link-preview img{display:block;max-width:100%;max-height:250px;margin:auto;border-radius:9px}.mood-lightbox{background:#fbfcfe}.mood-lightbox .modal-body{text-align:center}.mood-lightbox img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;margin:auto;border-radius:12px;box-shadow:0 10px 40px rgba(30,45,70,.12)}
@media(max-width:991.98px){.moodboard-detail-heading{align-items:flex-start;flex-direction:column}.moodboard-description{margin-left:0}.moodboard-actions{width:100%}.mood-pin-grid{columns:3 210px}}
@media(max-width:767.98px){.moodboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.moodboard-cover{height:150px}.moodboard-card-body{padding:11px}.moodboard-card-body p{display:none}.moodboard-detail-heading h1{font-size:25px}.moodboard-title-icon{width:45px;height:45px;border-radius:14px}.moodboard-actions{display:grid;grid-template-columns:1fr 1fr}.mood-pin-grid{columns:2 145px;column-gap:10px}.mood-pin{margin-bottom:10px;border-radius:13px}.mood-upload-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:430px){.moodboard-grid{grid-template-columns:1fr}.moodboard-cover{height:190px}}