.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-box{width:100%;max-width:400px;padding:24px}.login-card{box-shadow:0 10px 40px #0003;border-radius:12px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#667eea}.login-header p{margin:0;font-size:14px;color:#999}.login-footer{text-align:center;margin-top:16px}.login-footer p{margin:0;font-size:12px;color:#999}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:#f5f5f5}.main-layout{display:flex;height:100vh;background-color:#fff}.sidebar{width:200px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;overflow-y:auto;box-shadow:2px 0 8px #0000001a}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.header{height:64px;background:white;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 2px 4px #0000000d}.main-content{flex:1;overflow-y:auto;padding:24px}.page-container{background:white;padding:24px;border-radius:4px;box-shadow:0 1px 2px #00000008}.page-header{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.page-header h1{margin:0;font-size:24px;font-weight:600;color:#1f2937}.operations{display:flex;gap:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:24px}.stat-card{background:white;padding:24px;border-radius:8px;box-shadow:0 1px 2px #0000000d;border-left:4px solid #667eea}.stat-card h3{margin:0 0 12px;font-size:14px;color:#6b7280;font-weight:500}.stat-card .value{font-size:28px;font-weight:700;color:#1f2937}.stat-card .change{margin-top:8px;font-size:12px;color:#10b981}.ant-table{font-size:14px}.ant-form{max-width:600px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.loading{display:flex;align-items:center;justify-content:center;height:300px}.error-message{color:#ef4444;padding:12px;background:#fee;border-radius:4px;margin-bottom:16px}.success-message{color:#10b981;padding:12px;background:#efe;border-radius:4px;margin-bottom:16px}.table-wrapper{overflow-x:auto}.modal-form{margin-top:24px}.search-form{margin-bottom:16px;padding:16px;background:#fafafa;border-radius:4px}.search-form .ant-form-item{margin-bottom:0}.status-badge{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-draft{background:#e5e7eb;color:#374151}.status-submitted,.status-approved{background:#dbeafe;color:#1e40af}.status-completed{background:#dcfce7;color:#166534}.status-cancelled{background:#fee2e2;color:#991b1b}.status-paid{background:#dcfce7;color:#166534}.status-unpaid{background:#fef3c7;color:#92400e}