@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--ink:#26313b;--muted:#77818a;--line:#dedbd8;--red:#963b3c;--red-dark:#803334;--soft:#f8f6f4;--green:#2f7658;--green-bg:#eaf4ef;--red-bg:#f9eeee;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:76px;border-bottom:1px solid #e5e2df;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;background:#fff;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;font:600 20px 'Playfair Display',serif;letter-spacing:1px}.brand-light{font-weight:400}.brand small{display:block;font:9px 'DM Sans';letter-spacing:2.1px;color:#8b8b8b;margin-top:2px}.brand-mark{width:38px;height:38px;border:1px solid #b98b69;color:var(--red);display:grid;place-items:center;font:25px 'Playfair Display';background:#fff}.small-mark{width:32px;height:32px;font-size:21px}.top-actions{display:flex;align-items:center;gap:22px;font-size:12px}.secure-label{color:#858585}.admin-name{border-left:1px solid var(--line);padding-left:20px}.logout-link{border:1px solid #d8d2cd;padding:10px 20px;color:var(--red)}.app-shell{display:flex;min-height:calc(100vh - 110px)}.sidebar{width:248px;flex-shrink:0;border-right:1px solid #e6e2df;padding:35px 24px 20px;display:flex;flex-direction:column;background:#fff}.side-heading{font-size:10px;letter-spacing:1.5px;color:#929292;margin:0 0 14px 8px}.sidebar>a{padding:13px 11px;margin:2px 0;color:#535d65;border-left:2px solid transparent;font-size:13px}.sidebar>a span{display:inline-block;width:27px;color:#8a7770;font-size:16px}.sidebar>a.active{color:var(--red);border-left-color:var(--red);background:#faf7f5}.wallet-heading{margin-top:32px}.sidebar-bottom{margin-top:auto;padding:18px 8px 0;border-top:1px solid var(--line);color:#87918d;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4b9873;margin-right:8px}.main-content{padding:30px 4.1% 55px;flex:1;min-width:0;max-width:1600px}.breadcrumb{font-size:11px;color:#8b8b8b;margin-bottom:28px}.breadcrumb span{padding:0 8px;color:#b7b0aa}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #dedbd8;padding-bottom:17px;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#a17d6b;margin:0 0 8px}.page-heading h1,.auth-card h1{font:400 31px 'Playfair Display',Georgia,serif;margin:0;color:#29333b}.heading-meta{font-size:10px;color:#8c8c8c;padding-bottom:5px}.heading-meta span{padding:0 5px}.welcome-strip{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:#faf8f6;border:1px solid #ebe5e0;margin-bottom:22px}.welcome-strip h2{font:400 23px 'Playfair Display';margin:0 0 5px}.welcome-strip p,.panel-head p{color:var(--muted);font-size:12px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-card{border:1px solid var(--line);padding:19px 20px;background:#fff;min-height:120px}.stat-top{display:flex;justify-content:space-between;color:#707a81;font-size:11px}.stat-icon{color:var(--red);font-size:18px}.stat-card>strong{display:block;font:500 26px 'Playfair Display';margin:14px 0 4px;color:#29333b}.stat-card small{color:#90979c;font-size:10px}.panel{border:1px solid var(--line);background:#fff;margin-bottom:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid #e9e5e2;gap:15px}.panel-head h2{font:400 20px 'Playfair Display';margin:0 0 5px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#858585;background:#faf9f8;padding:13px 15px;font-weight:600}td{padding:14px 15px;border-top:1px solid #eeeae7;font-size:12px;color:#505b63}td strong{font-weight:600;color:#303b43}td small,.table-sub{display:block;color:#92999d;font-size:10px;margin-top:4px}.mono{font-family:monospace;font-size:11px}.right{text-align:right}.amount{font-weight:600;color:var(--green)}.pill{display:inline-block;border-radius:2px;padding:5px 8px;font-size:10px}.pill.green{background:var(--green-bg);color:var(--green)}.pill.red{background:var(--red-bg);color:var(--red)}.text-link{color:var(--red);font-size:11px;font-weight:600}.footnote{font-size:10px;color:#929292;padding:0 20px 15px}.filter-bar{display:flex;gap:10px;padding:17px 20px;align-items:center}.filter-bar input{max-width:380px;flex:1}.filter-bar select{width:180px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;padding:11px 18px;font:600 11px 'DM Sans';cursor:pointer;min-height:38px}.btn.primary{background:var(--red);color:white}.btn.primary:hover{background:var(--red-dark)}.btn.secondary{border-color:#d9d3ce;background:#fff;color:#515b62}.btn:disabled{opacity:.45;cursor:not-allowed}.empty{text-align:center;padding:30px;color:#929292}.pagination{display:flex;justify-content:space-between;padding:17px 20px;color:#899197;font-size:11px}.pagination a{color:var(--red);margin-left:15px}.alert{padding:13px 16px;margin:0 0 18px;border:1px solid;font-size:12px}.alert.success{background:#eef6f1;border-color:#cde3d5;color:#286849}.alert.error{background:#fbf0ef;border-color:#ebd1cf;color:#963b3c}.alert ul{margin:5px 0 0;padding-left:18px}.form-panel{padding-bottom:22px}.form-section{padding:21px 23px;border-bottom:1px solid #eee9e5}.form-section h3,.side-note h3{font:500 16px 'Playfair Display';margin:0 0 18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}label{display:block;font-size:11px;color:#515d64;margin:0 0 7px}input,select,textarea{width:100%;border:1px solid #d9d5d1;background:#fff;padding:11px 12px;font:12px 'DM Sans';color:#34404a;border-radius:0;outline:none}input:focus,select:focus,textarea:focus{border-color:#a56c65;box-shadow:0 0 0 2px #963b3c12}textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 23px 0}.required-note,.small{font-size:10px}.muted{color:#899197}.content-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.8fr);gap:20px;align-items:start}.content-columns .form-panel form{padding:20px 23px}.content-columns .panel-head{border-bottom:0}.side-note{padding:22px}.side-note ul{padding-left:18px;color:#69747b;font-size:12px;line-height:2}.notice{background:#faf6f2;border-left:2px solid #b17b65;padding:12px 14px;margin-top:20px}.notice strong{font-size:11px;color:#7f4a43}.notice p{font-size:11px;color:#727b80;line-height:1.7;margin:5px 0 0}.amount-input{display:flex;align-items:center;border:1px solid #d9d5d1;margin-bottom:17px}.amount-input span{padding:0 13px;color:var(--red);font:20px 'Playfair Display'}.amount-input input{border:0}.selected-user{display:flex;align-items:center;gap:12px;padding:12px;background:#faf8f6;margin:14px 0 18px}.selected-user small{display:block;color:#8b9296;font-size:10px;margin-top:4px}.selected-user .pill{margin-left:auto}.profile-head{display:flex;align-items:center;gap:17px;padding:20px 23px}.avatar{width:48px;height:48px;background:#f3eae5;color:var(--red);display:grid;place-items:center;font:24px 'Playfair Display'}.profile-main{flex:1}.profile-main h2{font:400 22px 'Playfair Display';margin:0 0 5px}.profile-main p{font-size:11px;color:#899197;margin:0}.two-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.date-value{font-size:18px!important}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 23px 23px;gap:0 25px}.detail-item{padding:13px 0;border-bottom:1px solid #eeeae7;min-width:0}.detail-item span{display:block;color:#8a9296;font-size:10px;margin-bottom:6px}.detail-item strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.footer{border-top:1px solid #e8e4e1;padding:17px 4.2%;font-size:10px;color:#969696}.auth-page{min-height:100vh;background:#faf8f6;display:grid;place-items:center;padding:25px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #e3ded9;padding:38px 40px;box-shadow:0 12px 35px #38271a0a}.auth-card .brand-mark{margin-bottom:18px}.auth-card h1{font-size:29px;margin-bottom:8px}.auth-card>p{line-height:1.6}.auth-card form{margin-top:25px}.auth-card form input{margin-bottom:17px}.auth-card .btn{margin-top:8px}.full{width:100%}.auth-card .small{margin-top:20px}.auth-card small{color:#929292}
@media(max-width:1050px){.sidebar{width:205px;padding-left:15px;padding-right:15px}.main-content{padding-left:25px;padding-right:25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topbar{padding:0 16px;height:64px}.secure-label,.admin-name{display:none}.app-shell{display:block}.sidebar{width:100%;padding:10px 12px;display:flex;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);gap:4px}.side-heading,.sidebar-bottom{display:none}.sidebar>a{white-space:nowrap;padding:10px;font-size:11px}.sidebar>a span{width:18px}.main-content{padding:22px 14px 35px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.heading-meta{display:none}.welcome-strip{align-items:flex-start;gap:15px;flex-direction:column;padding:18px}.stats-grid{gap:10px}.stat-card{padding:14px;min-height:105px}.stat-card>strong{font-size:21px}.panel-head{padding:17px;align-items:flex-start}.filter-bar{flex-wrap:wrap;padding:13px}.filter-bar input{max-width:none;flex-basis:100%}.filter-bar select{flex:1}.form-grid,.content-columns,.details-grid{grid-template-columns:1fr}.content-columns .form-panel form{padding:17px}.profile-head{flex-wrap:wrap}.profile-head .btn{width:100%}.auth-card{padding:30px 24px}.two-stats{grid-template-columns:1fr}.footer{padding-left:15px}}
