:root{--m3-primary: #0f172a;--m3-secondary: #1e40af;--m3-accent: #f59e0b;--m3-bg: #f6f8fb;--m3-surface: #ffffff;--m3-border: #e5e7eb;--m3-text: #0f172a;--m3-muted: #64748b;--m3-radius: 22px;--m3-shadow: 0 10px 30px rgba(15, 23, 42, .1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--m3-bg);color:var(--m3-text);font-family:Inter,Roboto,Segoe UI,Arial,sans-serif;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:inherit;font-size:16px}button{min-height:44px;border-radius:14px;cursor:pointer;touch-action:manipulation}input,select,textarea{min-height:46px;border-radius:14px;border:1px solid var(--m3-border);padding:10px 14px;outline:none;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--m3-secondary);box-shadow:0 0 0 4px #1e40af1f}.card,.form-card,.table-card,.report-card,.summary-card{background:var(--m3-surface)!important;border-radius:var(--m3-radius)!important;box-shadow:var(--m3-shadow)!important;border:1px solid rgba(226,232,240,.9)!important}.btn,.primary-btn,.save-btn,.add-btn,.refresh-btn,button.primary{background:var(--m3-primary)!important;color:#fff!important;border:0!important;font-weight:800!important}.btn:hover,.primary-btn:hover,.save-btn:hover,.add-btn:hover{transform:translateY(-1px)}.table-responsive,.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}th{color:var(--m3-muted);font-size:13px;font-weight:800}td,th{padding:12px;white-space:nowrap}@media(max-width:768px){body{font-size:15px}h1{font-size:26px!important}h2{font-size:22px!important}.page,.content,.main-content,.dashboard-content{padding:14px!important}.header,.page-header,.topbar,.admin-header{min-height:64px!important;padding:10px 14px!important}.summary-grid,.stats-grid,.cards-grid,.filter-row,.form-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.actions,.form-actions,.button-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}button,input,select,textarea{width:100%;min-height:48px}}@media(min-width:769px)and (max-width:1180px){.page,.content,.main-content,.dashboard-content{padding:18px!important}.summary-grid,.stats-grid,.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}button{min-height:50px}}@media(min-width:1181px){button{min-height:46px}:root{--app-bg: #f7f8fb;--app-surface: #ffffff;--app-surface-2: #f1f5f9;--app-primary: #6750a4;--app-primary-dark: #4f378b;--app-secondary: #0f172a;--app-success: #16a34a;--app-warning: #f59e0b;--app-danger: #dc2626;--app-text: #111827;--app-muted: #64748b;--app-border: #e5e7eb;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 4px 12px rgba(15, 23, 42, .08);--shadow-md: 0 10px 28px rgba(15, 23, 42, .12);--shadow-lg: 0 18px 45px rgba(15, 23, 42, .18);--touch: 48px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--app-bg);color:var(--app-text);font-family:Inter,Roboto,Segoe UI,Arial,sans-serif;-webkit-tap-highlight-color:transparent}body{overflow-x:hidden}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;display:inline-block}.app-page,.page,.content,.main-content,.dashboard-content{padding:22px}.app-page-title,.page-title,h1{font-size:34px;font-weight:900;letter-spacing:-.04em;margin:0 0 22px;color:var(--app-text)}.app-card,.card,.form-card,.table-card,.report-card,.summary-card{background:var(--app-surface)!important;border:1px solid var(--app-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;padding:18px}button,.app-btn,.primary-btn,.save-btn,.add-btn,.refresh-btn{min-height:var(--touch);border-radius:var(--radius-md);border:0;padding:0 18px;font-weight:900;font-size:15px;cursor:pointer;touch-action:manipulation}.app-btn.primary,.primary-btn,.save-btn,.add-btn,button.primary{background:var(--app-primary)!important;color:#fff!important}.app-btn.dark,.refresh-btn{background:var(--app-secondary)!important;color:#fff!important}.app-btn.tonal{background:#ede9fe!important;color:var(--app-primary-dark)!important}.app-btn.danger{background:var(--app-danger)!important;color:#fff!important}button:active,.app-btn:active{transform:scale(.98)}input,select,textarea{width:100%;min-height:var(--touch);border-radius:var(--radius-md);border:1px solid var(--app-border);background:#fff;padding:10px 14px;font-size:16px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--app-primary);box-shadow:0 0 0 4px #6750a424}.form-grid,.filter-row,.search-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.form-actions,.actions,.button-row{display:flex;gap:10px;flex-wrap:wrap}.table-wrapper,.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse;background:#fff}th{background:var(--app-secondary);color:#fff;font-size:13px;text-align:left;font-weight:900}td,th{padding:14px;white-space:nowrap}tbody tr{border-bottom:1px solid var(--app-border)}.status-chip,.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900}.status-paid,.badge-success{background:#dcfce7;color:#166534}.status-unpaid,.badge-danger{background:#fee2e2;color:#991b1b}.status-hold,.badge-warning{background:#fef3c7;color:#92400e}}@media(min-width:1181px)and (max-width:768px){:root{--touch: 52px}.app-page,.page,.content,.main-content,.dashboard-content{padding:14px!important}.app-page-title,.page-title,h1{font-size:28px!important;margin-bottom:16px}.form-grid,.filter-row,.search-row{grid-template-columns:1fr!important}.form-actions,.actions,.button-row{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}button,.app-btn,.primary-btn,.save-btn,.add-btn,.refresh-btn{width:100%}.table-wrapper,.table-responsive{overflow-x:auto}table{min-width:850px}}@media(min-width:1181px)and (min-width:769px)and (max-width:1180px){.form-grid,.filter-row,.search-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1181px){.touch-page{max-width:100%;padding:12px}.touch-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.touch-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-md);transition:.2s;cursor:pointer}.touch-card:active{transform:scale(.98)}.touch-card img{width:72px;height:72px;object-fit:contain}.touch-card-body{padding:18px}.touch-title{font-size:24px;font-weight:800}.touch-subtitle{color:#64748b;font-size:15px}}@media(min-width:1181px)and (max-width:768px){.touch-grid{grid-template-columns:1fr 1fr}.touch-title{font-size:20px}.touch-card{min-height:170px}}