@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #6366F1;--color-primary-hover: #4F46E5;--color-secondary: #10B981;--color-secondary-hover: #059669;--color-accent: #8B5CF6;--color-success: #34D399;--color-warning: #FBBF24;--color-danger: #F87171;--color-dark: #1F2937;--color-light: #F9FAFB;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-base: all .2s ease-in-out}body{min-height:100vh;font-family:var(--font-primary);background-color:var(--color-gray-50);color:var(--color-gray-800);margin:0;padding:0}.is-invalid{border-color:var(--color-danger)!important}.invalid-feedback{color:var(--color-danger);font-size:.875em}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:var(--transition-base);border:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.card{background-color:#fff;border-radius:.5rem;box-shadow:var(--shadow-md);overflow:hidden}.d-flex{display:flex!important}.d-block{display:block!important}.d-none{display:none!important}.justify-content-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.float-sm-end{float:right!important}.m-0{margin:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}*{box-sizing:border-box}.wrapper{display:flex;flex-direction:column;min-height:100vh}.content-wrapper{flex:1;background:#f8f9fa;padding:0;min-height:calc(100vh - 60px);margin-top:80px}.content-header{background:#fff;border-bottom:1px solid #dee2e6;margin-bottom:1.5rem}.content-header h1{color:#495057;font-weight:600;margin:0;display:flex;align-items:center}.content-header h1 i{color:#6c757d}.content{padding:0}.container-fluid{padding-left:3rem;padding-right:1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::selection{background:#667eea33;color:inherit}*:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}.modern-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e8e9ea;overflow:hidden;transition:all .3s ease}.modern-card:hover{box-shadow:0 8px 30px #0000001f}.modern-card .card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;border-bottom:none}.modern-card .card-header .card-title{font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center}.modern-card .card-header .card-title i{color:#ffffffe6}.modern-card .card-header .header-actions{display:flex;align-items:center;gap:16px}.modern-card .card-body{padding:32px}.modern-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.modern-table thead th{background:#f8f9fa;color:#495057;font-weight:600;padding:20px 24px;text-align:left;border-bottom:2px solid #e9ecef;font-size:14px;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.modern-table thead th i{color:#6c757d;margin-right:4px}.modern-table thead th:first-child{border-top-left-radius:0}.modern-table thead th:last-child{border-top-right-radius:0}.modern-table tbody .table-row{transition:all .2s ease}.modern-table tbody .table-row:hover{background-color:#f8f9fa}.modern-table tbody .table-row td{padding:20px 24px;border-bottom:1px solid #e9ecef;vertical-align:middle;font-size:14px}.modern-table tbody .table-row td:first-child{border-left:3px solid transparent}.modern-table tbody .table-row:hover td:first-child{border-left-color:#667eea}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#e9ecef;color:#6c757d;border:none}.status-badge.status-active{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}.status-badge.status-active .status-dot{color:#28a745;font-size:8px}.status-badge.status-inactive,.status-badge.status-suspend{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.status-badge.status-inactive .status-dot,.status-badge.status-suspend .status-dot{color:#dc3545;font-size:8px}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#e9ecef;color:#6c757d;border:none}.role-badge.role-admin{background:linear-gradient(45deg,#ff6b6b,#ee5a52);color:#fff}.role-badge.role-editor{background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff}.role-badge.role-viewer{background:linear-gradient(45deg,#5f2c82,#49a09d);color:#fff}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state .empty-icon{font-size:4rem;margin-bottom:20px;opacity:.3}.empty-state h4{margin-bottom:10px;color:#495057}.empty-state p{margin:0;font-size:14px}.action-buttons{display:flex;gap:8px;align-items:center}.btn-action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:14px}.btn-action.btn-edit{background:#ffc107;color:#212529}.btn-action.btn-edit:hover{background:#e0a800;transform:translateY(-1px);box-shadow:0 4px 8px #ffc1074d}.btn-action.btn-delete{background:#dc3545;color:#fff}.btn-action.btn-delete:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:#f1f3f5}.user-id{color:#6c757d;font-weight:500;font-family:Courier New,monospace}.user-info{display:flex;align-items:center;gap:12px}.user-info .user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #e9ecef;flex-shrink:0}.user-info .user-avatar .avatar-img{width:100%;height:100%;object-fit:cover}.user-info .user-name{font-weight:600;color:#212529}.table-responsive{overflow-x:auto}.modern-form-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e8e9ea;overflow:hidden;max-width:800px;margin:0 auto}.modern-form-card .form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;text-align:center}.modern-form-card .form-header .header-content h3{font-size:1.75rem;font-weight:600;margin:0 0 8px;display:flex;align-items:center;justify-content:center}.modern-form-card .form-header .header-content h3 i{color:#ffffffe6}.modern-form-card .form-header .header-content p{margin:0}.modern-form-card .form-body{padding:40px}.modern-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin-bottom:32px}@media (max-width: 768px){.modern-form .form-grid{grid-template-columns:1fr;gap:24px}}.modern-form .form-group{display:flex;flex-direction:column}.modern-form .form-group .form-label{font-weight:600;color:#495057;margin-bottom:8px;font-size:14px;display:flex;align-items:center}.modern-form .form-group .form-label i{color:#667eea;width:16px}.modern-form .form-group .modern-input,.modern-form .form-group .modern-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;width:100%}.modern-form .form-group .modern-input:focus,.modern-form .form-group .modern-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modern-form .form-group .modern-input.ng-invalid.ng-touched,.modern-form .form-group .modern-select.ng-invalid.ng-touched{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.modern-form .form-group .modern-input.ng-valid.ng-touched,.modern-form .form-group .modern-select.ng-valid.ng-touched{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.modern-form .form-group .modern-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.modern-form .form-group .error-message{color:#dc3545;font-size:12px;margin-top:4px;display:flex;align-items:center}.modern-form .form-group .error-message i{margin-right:4px}.form-group,.user-info-card{animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modern-form-card{margin:0 16px;border-radius:12px}.modern-form-card .form-header{padding:24px 20px}.modern-form-card .form-header .header-content h3{font-size:1.5rem}.modern-form-card .form-body{padding:24px 20px}.form-actions{flex-direction:column;gap:12px}.form-actions .btn{width:100%;min-width:auto}.user-info-card .info-grid{grid-template-columns:1fr}}:global(.swal-popup){border-radius:16px!important;padding:2rem!important}:global(.swal-title){font-size:1.5rem!important;font-weight:600!important;color:#495057!important}:global(.swal-content){font-size:1rem!important;color:#6c757d!important}:global(.swal-confirm-btn),:global(.swal-cancel-btn){border-radius:8px!important;padding:12px 24px!important;font-weight:600!important}.content-header{background:#fff;border-bottom:1px solid var(--color-gray-200);padding:1.5rem 0;margin-bottom:2rem}.content-header .header-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 768px){.content-header .header-row{flex-direction:column;align-items:flex-start}}.content-header .header-left{flex:1}.content-header .page-title{font-size:2rem;font-weight:700;color:var(--color-gray-900);margin:0 0 .5rem}.content-header .page-subtitle{color:var(--color-gray-600);margin:0;font-size:1.1rem}.header-right{min-width:500px;text-align:right}