:root{
--navy:#071426;--navy2:#10233d;--gold:#d7a447;--gold2:#f1c977;--bg:#f4f6f9;
--white:#fff;--text:#172033;--muted:#6d7788;--line:#e2e6ec;--green:#1f9d68;--red:#d94c4c;
--orange:#d67b29;--blue:#2e6fb7;--shadow:0 12px 35px rgba(15,28,45,.09)
}
*{box-sizing:border-box}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--text);background:var(--bg)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy),#030b16);color:#fff;padding:24px 18px;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--gold);color:var(--gold);font-weight:800}
.brand div:last-child{display:flex;flex-direction:column}.brand strong{font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.brand small{font-size:.68rem;color:var(--gold2);margin-top:3px}
.nav{display:grid;gap:7px;padding-top:24px}.nav-item{border:0;background:transparent;color:#cbd4df;text-align:left;padding:13px 14px;border-radius:7px;font-weight:700}
.nav-item:hover,.nav-item.active{background:rgba(215,164,71,.14);color:var(--gold2)}
.sidebar-footer{margin-top:auto;padding:16px 8px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;color:#c8d0dc}
.sidebar-footer span{font-weight:700}.sidebar-footer small{color:#7f8b9c;margin-top:3px}
.main{min-width:0}.topbar{min-height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:15px 28px;position:sticky;top:0;z-index:20}
.topbar-title{flex:1}.topbar h1{font-size:1.45rem;margin:0;color:var(--navy)}.topbar p{margin:3px 0 0;color:var(--muted);font-size:.78rem}
.topbar-actions{display:flex;gap:10px}.menu-button{display:none;border:0;background:transparent;font-size:1.4rem}
.primary-button,.secondary-button,.ghost-button{border:0;border-radius:6px;padding:12px 17px;font-weight:800}
.primary-button{background:var(--gold);color:var(--navy)}.secondary-button{background:var(--navy);color:#fff}.ghost-button{background:#eef1f5;color:var(--navy)}
.inline{margin-left:0}.content{padding:26px}.view{display:none}.view.active{display:block}
.quick-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}
.quick-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:13px 8px;font-weight:800;color:var(--navy);box-shadow:0 5px 16px rgba(15,28,45,.05)}
.quick-actions button:hover{border-color:var(--gold);background:#fffbf3}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}
.stat-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.stat-card span{font-size:.74rem;text-transform:uppercase;font-weight:800;color:var(--muted)}.stat-card strong{font-size:2rem;color:var(--navy);margin:8px 0 2px}.stat-card small{color:var(--muted)}
.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.bottom-grid{margin-top:20px;grid-template-columns:1fr 1fr}
.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:var(--shadow)}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.panel h2{margin:0;color:var(--navy);font-size:1.1rem}.panel p{color:var(--muted);font-size:.86rem;margin:.35rem 0 0}
.text-button{border:0;background:transparent;color:#8d681f;font-weight:800}.list{display:grid;gap:10px}.list-item{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}
.list-item:last-child{border-bottom:0}.list-item strong,.list-item span{display:block}.list-item span{color:var(--muted);font-size:.78rem}
.finance-summary{display:grid;gap:13px}.finance-summary div{background:#f7f8fa;padding:16px;border-radius:6px}.finance-summary span,.finance-summary strong{display:block}
.finance-summary span{color:var(--muted);font-size:.75rem;text-transform:uppercase;font-weight:800}.finance-summary strong{font-size:1.5rem;margin-top:6px}.finance-summary .profit{background:var(--navy);color:#fff}.finance-summary .profit span{color:var(--gold2)}
.section-toolbar{display:flex;gap:15px;margin-bottom:18px}.section-toolbar input,.section-toolbar select{padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:#fff}
.section-toolbar input{flex:1;max-width:420px}.table-panel{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}
th,td{text-align:left;padding:15px 16px;border-bottom:1px solid var(--line);font-size:.84rem}th{background:#f8f9fb;color:var(--muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.6px}
.badge{display:inline-block;padding:6px 9px;border-radius:999px;font-size:.7rem;font-weight:800;background:#eef1f5}
.badge.green{background:#e4f6ee;color:#137649}.badge.red{background:#fde9e9;color:#b93434}.badge.orange{background:#fff0df;color:#a85d18}.badge.blue{background:#e7f0fb;color:#275f9d}.badge.gray{background:#eef1f5;color:#596475}
.row-actions{display:flex;gap:7px}.edit-button,.delete-button{border:0;padding:7px 9px;border-radius:5px;font-weight:800}.edit-button{background:#edf4fd;color:#285e98}.delete-button{background:#fff0f0;color:var(--red)}
.empty{padding:28px;text-align:center;color:var(--muted)}.backup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.warning-panel{grid-column:1/-1;border-left:5px solid var(--gold)}
.calendar-list{display:grid;gap:12px}.calendar-item{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:7px;background:#fbfcfd}
.calendar-date{font-weight:800;color:var(--navy)}.calendar-item small{color:var(--muted)}
.modal{position:fixed;inset:0;background:rgba(1,8,18,.72);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.open{display:flex}
.modal-card{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:10px;padding:24px;display:grid;gap:14px;box-shadow:0 25px 70px rgba(0,0,0,.35)}
.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;color:var(--navy)}.close{border:0;background:transparent;font-size:1.8rem;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:6px;font-size:.75rem;text-transform:uppercase;font-weight:800;color:var(--navy)}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #ccd3dd;border-radius:5px;padding:12px;background:#fbfcfd}.form-grid .full{grid-column:1/-1}
@media(max-width:1100px){.quick-actions{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}}
@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;z-index:50;width:260px;transition:.2s}.sidebar.open{left:0}.menu-button{display:block}.topbar{padding:14px 18px}.ghost-button{display:none}.content{padding:18px}.backup-grid{grid-template-columns:1fr}.warning-panel{grid-column:1}.calendar-item{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}}
@media(max-width:560px){.quick-actions{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.section-toolbar{flex-direction:column}.section-toolbar input{max-width:none}.topbar-actions .primary-button{font-size:.73rem;padding:10px}}