.main-content{width:100%;min-height:calc(100vh - 64px);background-color:#f8f9fa;padding:24px;box-sizing:border-box}.page-header{margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.page-title{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.page-subtitle{color:#6c757d;font-size:16px;font-weight:400;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #3498db;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-card.draft{border-left-color:#f39c12}.stat-card.review{border-left-color:#3498db}.stat-card.approval{border-left-color:#9b59b6}.stat-card.approved{border-left-color:#27ae60}.stat-card.rejected{border-left-color:#e74c3c}.stat-number{font-size:32px;font-weight:800;color:#2c3e50;margin:0;line-height:1}.stat-label{font-size:14px;color:#7f8c8d;margin:8px 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.data-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:32px;width:100%}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table th{background-color:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e9ecef;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:16px;border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:14px}.data-table tr:hover{background-color:#f8f9fa}.data-table tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:8px}.action-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.action-btn.view{background-color:#3498db;color:#fff}.action-btn.edit{background-color:#f39c12;color:#fff}.action-btn.delete{background-color:#e74c3c;color:#fff}.action-btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 768px){.main-content{padding:16px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.stat-number{font-size:28px}.data-table-container{border-radius:8px}.data-table th,.data-table td{padding:12px}}@media (max-width: 480px){.page-title{font-size:24px}.stat-card{padding:16px}.stat-number{font-size:24px}.table-actions{flex-direction:column;gap:4px}.action-btn{width:100%;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.pdf-canvas{max-width:100%;height:auto;display:block;margin:0 auto}.MuiCircularProgress-root{color:#667eea}.MuiAlert-root{border-radius:8px}.MuiTableRow-root:hover{background-color:#667eea14}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hover-card{transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.hover-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}.MuiTextField-root{margin-bottom:16px}.loading-button{position:relative}.loading-button .MuiCircularProgress-root{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}