:root{--bs-primary:#0d6efd;--bs-primary-rgb:13,110,253;--primary:#0d6efd;--primary-dark:#0b5ed7;--soft:#e7f1ff;--bg:#f6f9ff;--ink:#172033;--muted:#6b7280;--line:#dee2e6;--success:#198754;--danger:#dc3545;--warning:#ffc107;--sidebar:#0b2f66}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'Prompt',sans-serif;font-size:14px;color:var(--ink)}button,input,select,textarea{font-family:inherit!important;font-size:14px!important}a{text-decoration:none}.login-view{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e7f1ff,#ffffff 42%,#cfe2ff)}.login-card{width:min(420px,calc(100% - 28px));background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 70px rgba(13,110,253,.14);padding:34px}.login-mark{width:58px;height:58px;border-radius:8px;background:var(--primary);display:grid;place-items:center;color:#fff;font-size:24px;margin-bottom:18px}.login-card h1{font-size:24px;font-weight:700;margin:0 0 6px}.login-card p{color:var(--muted);margin-bottom:24px}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--sidebar);color:#fff;display:flex;flex-direction:column;z-index:20}.sidebar-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.08);color:#fff}.brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-icon{width:38px;height:38px;border-radius:8px;background:var(--primary);display:grid;place-items:center}.brand small{display:block;color:#cfe2ff}.sidebar nav{padding:12px 0;overflow:auto}.nav-title{padding:14px 20px 6px;color:#9ec5fe;font-size:11px;text-transform:uppercase}.nav-link{width:100%;border:0;background:transparent;color:#d8e9ff;text-align:left;padding:10px 20px;display:flex;gap:10px;align-items:center;border-left:3px solid transparent}.nav-link i{width:18px;text-align:center}.nav-link:hover,.nav-link.active{background:rgba(13,110,253,.22);color:#fff;border-left-color:var(--primary)}.logout{margin:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;border-radius:8px;padding:10px}
.main{margin-left:260px;min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:10}.topbar h2{font-size:19px;margin:0;font-weight:700}.topbar span{color:var(--muted);font-size:12px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:8px}.page{display:block;padding:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;box-shadow:0 10px 32px rgba(15,23,42,.04)}.panel.flat{box-shadow:none}.panel-title{font-weight:700;font-size:16px;margin-bottom:14px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.compact{max-width:180px}
.grid-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;min-height:108px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 32px rgba(15,23,42,.04)}.metric i{color:var(--primary);font-size:20px}.metric span{color:var(--muted)}.metric strong{font-size:24px;font-weight:700}.metric.positive strong{color:var(--success)}.metric.negative strong{color:var(--danger)}
.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-shortcuts{grid-template-columns:repeat(6,minmax(0,1fr))}.shortcut{border:1px solid var(--line);border-radius:8px;background:var(--soft);padding:14px;text-align:left;color:var(--ink);display:flex;gap:10px;align-items:center}.shortcut i{color:var(--primary)}
.finance-row,.project-item,.payment-row,.subtask-row{display:grid;grid-template-columns:130px 120px 1fr 1.4fr 130px 130px 40px;gap:8px;margin-bottom:8px;align-items:start}.project-item{grid-template-columns:1.4fr 1.4fr 90px 90px 120px 42px}.payment-row{grid-template-columns:1fr 130px 130px 150px 42px}.subtask-row{grid-template-columns:30px 1fr 42px}.form-inline-panel{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form-inline-panel .form-control,.form-inline-panel .form-select{max-width:240px}
.category-pill,.tag-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;margin:4px;background:#fff}.swatch{width:14px;height:14px;border-radius:50%;display:inline-block}.badge-status{border-radius:999px;padding:4px 9px;font-size:12px}.status-confirming{background:#fff3cd;color:#997404}.status-todo{background:#cfe2ff;color:#084298}.status-doing{background:#e7f1ff;color:#0a58ca}.status-done{background:#d1e7dd;color:#0f5132}.status-cancelled{background:#f8d7da;color:#842029}
.task-list{display:grid;gap:12px}.task-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;box-shadow:0 10px 32px rgba(15,23,42,.04)}.task-title{font-weight:700;font-size:15px}.task-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);margin-top:6px}.task-actions{display:flex;gap:6px;align-items:start}.kanban{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:12px;overflow-x:auto}.kanban-col{background:#eef2f7;border-radius:8px;padding:10px;min-height:520px}.kanban-head{font-weight:700;margin-bottom:10px}.kanban-card{background:#fff;border-radius:8px;border:1px solid var(--line);padding:10px;margin-bottom:8px;cursor:grab}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.cal-cell{background:#fff;min-height:118px;padding:8px}.cal-date{font-weight:700;color:var(--muted)}.cal-event{border-radius:6px;color:#fff;padding:3px 6px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.progress-line{margin-bottom:12px}.progress-label{display:flex;justify-content:space-between;margin-bottom:6px}.progress{height:12px;border-radius:999px}.mini-table{width:100%}.mini-table td{padding:6px;border-bottom:1px solid var(--line)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.image-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.image-card img{width:100%;height:150px;object-fit:cover}.image-card div{padding:10px}.check-cloud{display:flex;flex-wrap:wrap;gap:8px}.check-chip{border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#fff}.totals{display:grid;grid-template-columns:130px 130px 130px 1fr;gap:8px;align-items:center;margin-top:12px}.totals strong{text-align:right;font-size:20px;color:var(--primary)}
#loadingOverlay{position:fixed;inset:0;background:rgba(255,255,255,.65);display:none;align-items:center;justify-content:center;z-index:9999}.dataTables_wrapper{overflow-x:auto}.table{white-space:nowrap}.btn{border-radius:8px}.form-control,.form-select{border-radius:8px;border-color:var(--line)}textarea.auto-grow{min-height:80px;resize:vertical}
@media (max-width:1100px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban{grid-template-columns:repeat(5,260px)}}@media (max-width:991px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.quick-add{display:none}.finance-row,.project-item,.payment-row{grid-template-columns:1fr}.grid-cards{grid-template-columns:1fr}.page{padding:16px}.calendar-grid{grid-template-columns:1fr}.cal-cell{min-height:auto}.totals{grid-template-columns:1fr}}

/* Refined Bootstrap-primary workspace theme */
.brand{color:#fff;text-decoration:none}.brand:hover{color:#fff;background:rgba(255,255,255,.04)}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:15px}.brand-copy small{font-size:12px}.nav-link{margin:2px 10px;width:calc(100% - 20px);border-radius:8px;border-left:0}.nav-link.active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.nav-link span,.logout span,.brand-copy,.nav-title{transition:opacity .18s ease}.sidebar{box-shadow:8px 0 24px rgba(13,48,102,.14);transition:width .2s ease,transform .2s ease}.main{transition:margin-left .2s ease}.sidebar-collapsed .sidebar{width:76px}.sidebar-collapsed .main{margin-left:76px}.sidebar-collapsed .brand{justify-content:center;padding:0}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-link span,.sidebar-collapsed .logout span,.sidebar-collapsed .nav-title{display:none}.sidebar-collapsed .nav-link{justify-content:center;padding:12px 0}.sidebar-collapsed .nav-link i{margin:0}.sidebar-collapsed .logout{display:grid;place-items:center;padding:12px 0}
.panel,.metric,.task-card,.image-card,.kanban-card{border-color:#cfe2ff;box-shadow:0 10px 30px rgba(13,110,253,.08)}.panel-title{color:#0b5ed7}.btn-delete{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545}.finance-row{grid-template-columns:130px 120px minmax(180px,1fr) 1.4fr 130px 126px 42px}#financeCards{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}.pie-panel canvas{max-height:340px}.searchable-select{position:relative}.searchable-select .select-button{width:100%;min-height:38px;text-align:left;display:flex;align-items:center;justify-content:space-between;background:#fff}.searchable-select .select-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #cfe2ff;border-radius:8px;box-shadow:0 14px 34px rgba(13,110,253,.16);padding:8px;z-index:1055;display:none}.searchable-select.open .select-menu{display:block}.searchable-select .select-options{max-height:220px;overflow:auto;margin-top:8px}.searchable-select .select-option{display:flex;align-items:center;gap:8px;width:100%;border:0;background:#fff;border-radius:6px;padding:8px;text-align:left}.searchable-select .select-option:hover{background:#e7f1ff}.category-table tbody tr{cursor:grab}.category-table tbody tr.dragging{opacity:.55}
.finance-entry-list{display:grid;gap:14px;margin-bottom:16px}.finance-entry-card{display:block!important;border:1px solid #b6d4fe;border-radius:8px;background:#fff;padding:14px;box-shadow:0 8px 22px rgba(13,110,253,.07)}.finance-entry-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.finance-entry-card-title{font-weight:700;color:#0b5ed7}.finance-entry-card-body{display:grid;grid-template-columns:130px 120px minmax(210px,1fr) minmax(220px,1.2fr) 140px 70px;gap:10px;align-items:end}.finance-entry-card-body .form-label{margin-bottom:5px}.finance-entry-card-actions{display:none}
.form-switch .form-check-input{cursor:pointer}.nav-tree{margin:4px 10px}.nav-tree summary{list-style:none;color:#d8e9ff;border-radius:8px;padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.nav-tree summary::-webkit-details-marker{display:none}.nav-tree summary>i:first-child{width:18px;text-align:center}.nav-tree summary span{flex:1;font-weight:600}.nav-tree .tree-arrow{font-size:12px;transition:transform .18s ease}.nav-tree[open] .tree-arrow{transform:rotate(-90deg)}.nav-tree summary:hover,.nav-tree.active summary{background:rgba(13,110,253,.18);color:#fff}.nav-tree-menu{padding:2px 0 4px 12px;border-left:1px solid rgba(158,197,254,.22);margin-left:19px}.nav-tree-menu .nav-link{width:calc(100% - 6px);margin:2px 0;padding:9px 10px;font-size:13px}.nav-tree-menu .nav-link i{font-size:12px;color:#9ec5fe}.nav-subtitle{color:#9ec5fe;font-size:11px;font-weight:700;text-transform:uppercase;padding:9px 10px 3px}.sidebar-collapsed .nav-tree{margin:2px 10px}.sidebar-collapsed .nav-tree summary{justify-content:center;padding:12px 0}.sidebar-collapsed .nav-tree summary span,.sidebar-collapsed .tree-arrow,.sidebar-collapsed .nav-tree-menu{display:none}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}.sidebar nav::-webkit-scrollbar-thumb{background:rgba(158,197,254,.55);border-radius:999px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:rgba(158,197,254,.8)}.sidebar nav{scrollbar-width:thin;scrollbar-color:rgba(158,197,254,.65) rgba(255,255,255,.04)}
.filter-dropdown{position:relative}.filter-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:210px;background:#fff;border:1px solid #cfe2ff;border-radius:8px;box-shadow:0 14px 34px rgba(13,110,253,.16);padding:10px;display:none;z-index:1050}.filter-menu.wide{min-width:280px}.filter-dropdown.open .filter-menu{display:block}.filter-option{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:6px}.filter-option:hover{background:#e7f1ff}.report-section{margin-bottom:16px}.report-section h5{font-size:15px;color:#0b5ed7;margin-bottom:10px}.report-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.report-card-grid.total{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}.report-card{border:1px solid #cfe2ff;border-radius:8px;background:#fff;padding:10px;min-height:78px;box-shadow:0 6px 18px rgba(13,110,253,.06)}.report-card span{display:block;color:#6b7280;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-card strong{font-size:16px}
.tag-filter{display:flex;gap:8px;flex-wrap:wrap}.tag-badge{display:inline-flex;align-items:center;border:1px solid var(--tag-color);background:color-mix(in srgb,var(--tag-color) 12%,#fff);color:var(--tag-color);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2}.tag-badge.muted{opacity:.42;background:#fff;color:#6b7280;border-color:#dee2e6}.tag-badge.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--tag-color) 18%,transparent)}.task-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-title-line strong{font-size:15px}.task-tag-line{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.task-due{font-size:12px;color:#6b7280}.task-due.danger{color:#dc3545;font-weight:700}.task-card.dragging{opacity:.55}.kanban-card .task-title-line strong{font-size:13px}.fc .fc-toolbar-title{font-size:18px}.fc-event{cursor:pointer}
.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page-title{display:flex;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;color:#0b5ed7}.business-card{border:1px solid #cfe2ff;border-radius:8px;box-shadow:0 10px 30px rgba(13,110,253,.08)}.items-table th{background:#f6f9ff;color:#0b5ed7;font-weight:700}.totals-section{background:#fff;border:1px solid #cfe2ff;border-radius:8px;padding:14px;box-shadow:0 8px 22px rgba(13,110,253,.06)}.total-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e7f1ff;padding:9px 0}.total-row:last-child{border-bottom:0}.total-final{font-size:18px;font-weight:700;color:#0b5ed7}.inline-number{width:58px;border:1px solid #dee2e6;border-radius:4px;padding:2px 4px;font-size:13px}
.settings-image-preview{min-height:96px;border:1px dashed #b6d4fe;border-radius:8px;background:#f8fbff;display:flex;align-items:center;justify-content:center;padding:10px}.settings-image-preview img{max-width:100%;max-height:110px;object-fit:contain}
.settings-tabs-panel{padding:0;overflow:hidden}.settings-tabs{padding:12px 14px 0;background:#f8fbff;border-bottom:1px solid #cfe2ff}.settings-tabs .nav-link{border-radius:8px 8px 0 0;color:#0b5ed7;font-weight:700}.settings-tabs .nav-link.active{border-color:#cfe2ff #cfe2ff #fff;color:#084298}.settings-tab-content{padding:18px}.settings-form{margin:0}.settings-media-grid{display:grid;grid-template-columns:1fr;gap:14px}
.metric.clickable{cursor:pointer}.metric.clickable:hover{border-color:#0d6efd;box-shadow:0 12px 34px rgba(13,110,253,.14)}.pending-payment-list{display:grid;gap:10px}.pending-payment-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid #cfe2ff;border-radius:8px;background:#fff;padding:12px}.pending-payment-item span,.pending-payment-item small{display:block;color:#6b7280;margin-top:3px}.pending-payment-item b{color:#0b5ed7;white-space:nowrap}
@media (max-width:1200px){#financeCards{grid-template-columns:repeat(2,minmax(0,1fr))}.home-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:991px){.sidebar-collapsed .sidebar{width:260px}.sidebar-collapsed .main{margin-left:0}}
@media (max-width:1200px){.report-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:991px){.finance-entry-card-body{grid-template-columns:1fr 1fr}.finance-entry-card-actions{justify-content:flex-start}.report-card-grid,.report-card-grid.total{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}}@media (max-width:576px){.home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut{padding:12px 10px}.finance-entry-card-body{grid-template-columns:1fr}.finance-entry-card-header{align-items:flex-start;flex-direction:column}.finance-entry-card-actions{flex-direction:column}.finance-entry-card-actions .btn{width:100%}.report-card-grid,.report-card-grid.total{grid-template-columns:1fr}.filter-menu{position:fixed;left:12px;right:12px;top:auto;min-width:0}}