.sidebar{color:#fff;background:#06142e;flex-direction:column;width:220px;min-width:220px;height:100vh;display:flex}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;height:78px;padding-left:26px;font-size:30px;font-weight:800;display:flex}.sidebar-menu{flex:1;padding:18px 0}.sidebar-item{color:#dbeafe;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;height:48px;padding:0 24px;font-size:15px;font-weight:600;display:flex}.sidebar-item svg{font-size:18px}.sidebar-item:hover{background:#ffffff14}.sidebar-item.active{color:#fff;background:#2f5fad}.sidebar-footer{color:#dbeafe;cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #ffffff14;align-items:center;gap:14px;height:58px;padding:0 24px;font-size:15px;font-weight:600;display:flex}.sidebar-footer:hover{background:#ffffff14}.help-modal{background:#fff;border-radius:16px;width:380px;padding:24px;box-shadow:0 25px 60px #0003}.help-modal h3{margin:0 0 10px;font-size:20px}.help-modal p{color:#6b7280;margin-bottom:20px}.layout{height:100vh;display:flex}.content-area{flex-direction:column;flex:1;display:flex}.page-content{background:#f5f7fb;flex:1;padding:16px 22px}.home-page{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.home-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);border-radius:14px;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.home-hero h1{margin:0;font-size:22px}.home-hero p{color:#dbeafe;margin:3px 0;font-size:13px;font-weight:700}.home-hero span{color:#bfdbfe;font-size:12px}.home-date{text-align:right}.home-date strong{font-size:14px;display:block}.home-date span{margin-top:4px;font-size:12px;display:block}.home-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.home-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:12px 14px}.home-kpi-icon{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:8px;display:flex}.home-kpi-card span{color:#6b7280;font-size:11px;font-weight:700}.home-kpi-card strong{color:#111827;margin-top:4px;font-size:22px;display:block}.home-kpi-card small{color:#16a34a;margin-top:2px;font-size:11px;font-weight:700;display:block}.home-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.home-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:14px 16px}.home-card h2{margin:0 0 12px;font-size:16px}.bar-row{margin-bottom:10px}.bar-label{color:#374151;justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.bar-label strong{color:#1d4ed8}.bar-track{background:#e5e7eb;border-radius:999px;height:7px;overflow:hidden}.bar-fill{background:#2563eb;border-radius:999px;height:100%}.activity-list{flex-direction:column;gap:10px;display:flex}.activity-item{align-items:flex-start;gap:10px;display:flex}.activity-icon{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.activity-icon.success{color:#16a34a;background:#dcfce7}.activity-icon.info{color:#2563eb;background:#dbeafe}.activity-icon.warning{color:#d97706;background:#fef3c7}.activity-item strong{font-size:12px;display:block}.activity-item span{color:#6b7280;font-size:11px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-actions button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:12px;font-weight:800;display:flex}.quick-actions button:hover{background:#dbeafe}.system-summary-card{margin-top:14px}.system-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.system-summary-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.summary-icon{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.system-summary-item span{color:#6b7280;font-size:11px;font-weight:700;display:block}.system-summary-item strong{color:#111827;margin-top:3px;font-size:12px;display:block}@media (width<=1100px){.home-kpi-grid,.system-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid-two{grid-template-columns:1fr}}.home-empty-text{color:#6b7280;margin:0;font-size:13px}.modal-backdrop{z-index:100;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.edit-modal{background:#fff;border-radius:16px;width:560px;overflow:hidden;box-shadow:0 25px 80px #00000040}.edit-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.edit-modal-header h2{margin:0;font-size:22px}.edit-modal-header p{color:#6b7280;margin:6px 0 0}.modal-close-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;font-size:26px}.edit-modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.form-group select,.form-group textarea,.form-group input{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:12px;font-size:14px}.form-group textarea{resize:vertical;min-height:90px}.edit-modal-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.edit-modal-footer>div{gap:10px;display:flex}.primary-btn,.secondary-btn,.danger-outline-btn{cursor:pointer;border-radius:8px;height:40px;padding:0 16px;font-weight:700}.primary-btn{color:#fff;background:#2563eb;border:none}.secondary-btn{color:#374151;background:#fff;border:1px solid #d1d5db}.danger-outline-btn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0;margin-top:0;overflow:visible}.table-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.table-header h2{margin:0;font-size:18px}.table-header p{color:#6b7280;margin:4px 0 0}.export-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:36px;padding:0 16px;font-weight:600}.licenses-table{border-collapse:collapse;width:100%}.licenses-table th{text-align:left;color:#6b7280;letter-spacing:.08em;text-transform:uppercase;background:#f9fafb;padding:14px 24px;font-size:12px}.licenses-table td{color:#374151;border-top:1px solid #f3f4f6;padding:16px 24px}.status-pill{color:#15803d;background:#dcfce7;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.actions-btn{cursor:pointer;background:0 0;border:none;font-size:20px}.action-dropdown{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:150px;display:none;position:absolute;top:28px;right:0;overflow:hidden;box-shadow:0 10px 30px #0000001f}.action-dropdown button{text-align:left;cursor:pointer;background:#fff;border:none;width:100%;padding:12px 14px;font-weight:500}.action-dropdown .danger{color:#dc2626}.action-dropdown button{text-align:left;cursor:pointer;background:#fff;border:none;align-items:center;gap:10px;width:100%;padding:12px 14px;font-weight:500;display:flex}.status-pill.inactive{color:#dc2626;background:#fee2e2}.table-actions{align-items:center;gap:10px;display:flex}.new-license-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 14px;font-weight:700;display:flex}.new-license-btn:hover{background:#1d4ed8}.status-tabs{border-bottom:1px solid #e5e7eb;gap:8px;padding:14px 24px;display:flex}.status-tabs button{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:8px 14px;font-weight:700}.status-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.action-dropdown .success{color:#15803d}.empty-table{text-align:center;color:#6b7280;padding:40px}.inactive-table-card{margin-top:20px}.reactivate-btn{color:#15803d;cursor:pointer;background:#dcfce7;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:flex}.table-header{padding:18px 24px}.table-header h2{font-size:17px}.table-header p{font-size:13px}.licenses-table th{font-size:11px}.licenses-table td{padding:14px 24px;font-size:13px}.status-tabs{padding:12px 24px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px}.kpi-card span{color:#6b7280;font-size:12px;font-weight:700}.kpi-card strong{color:#1d4ed8;margin-top:8px;font-size:22px;display:block}.toast-message{color:#fff;z-index:200;background:#0f172a;border-radius:10px;padding:14px 18px;font-weight:700;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 40px #0003}.platforms-panel{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;width:260px;min-width:260px;max-width:260px;height:520px;padding:16px;display:flex}.platforms-header h3{margin:0;font-size:18px}.platforms-header p{color:#6b7280;margin:4px 0 0;font-size:13px}.platforms-list{flex-direction:column;flex:1;gap:8px;margin-top:16px;padding-right:6px;display:flex;overflow-y:auto}.platform-item{cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:7px 4px;display:flex}.platform-item:hover,.platform-item.active{background:#f8fafc}.platform-left{align-items:center;gap:10px;display:flex}.platform-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:flex}.platform-left span:last-child{font-size:13px}.platform-count{color:#64748b;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:20px;padding:0 7px;font-size:11px;font-weight:800;display:flex}.platform-total-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 12px;display:flex}.platform-total-card span{color:#374151;font-size:13px;font-weight:700}.platform-total-card strong{color:#1d4ed8;font-size:20px}.all-platforms-btn{color:#15803d;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;width:100%;height:36px;margin-top:10px;font-size:13px;font-weight:800}.all-platforms-btn:hover{background:#dcfce7}.platforms-list::-webkit-scrollbar{width:5px}.platforms-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.platforms-list::-webkit-scrollbar-track{background:0 0}.page-title{margin:0 0 4px;font-size:24px;font-weight:700}.page-subtitle{color:#6b7280;margin:0;font-size:13px}.filters-bar{align-items:flex-end;gap:12px;margin-top:24px;display:flex}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{color:#6b7280;letter-spacing:.08em;font-size:11px;font-weight:700}.project-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:220px;height:40px;padding:0 12px;font-size:13px}.all-projects-btn,.filter-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;font-weight:600;display:flex}.all-projects-btn{color:#15803d;background:#f0fdf4;border:2px solid #22c55e}.filters-spacer{flex:1}.search-box{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;width:360px;height:40px;padding:0 12px;display:flex}.search-box input{border:none;outline:none;width:100%;font-size:13px}.licenses-content{align-items:flex-start;gap:24px;margin-top:28px;display:flex}.licenses-right{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.confirm-modal{background:#fff;border-radius:16px;width:420px;padding:24px;box-shadow:0 25px 60px #0003}.confirm-modal h3{margin:0 0 12px}.confirm-modal p{color:#6b7280;margin-bottom:24px}.confirm-actions{justify-content:flex-end;gap:12px;display:flex}.danger-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;height:40px;padding:0 16px;font-weight:700}.action-menu-wrapper{display:inline-flex;position:relative}.actions-btn{cursor:pointer;color:#111827;background:0 0;border:none;border-radius:8px;width:32px;height:28px;font-size:20px;font-weight:800}.actions-btn:hover{background:#f1f5f9}.action-dropdown{z-index:999;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:150px;padding:6px;display:none;position:absolute;top:28px;right:0;box-shadow:0 16px 40px #0f172a29}.action-menu-wrapper:hover .action-dropdown{display:block}.action-dropdown button{cursor:pointer;color:#111827;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.action-dropdown button:hover{background:#f8fafc}.action-dropdown button.danger{color:#dc2626}.users-page{width:100%}.users-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;display:grid}.users-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px}.users-kpi-card span{color:#6b7280;font-size:13px;font-weight:700}.users-kpi-card strong{color:#1d4ed8;margin-top:10px;font-size:26px;display:block}.users-toolbar{align-items:center;margin-top:20px;display:flex}.users-search{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:9px;align-items:center;gap:8px;width:420px;height:40px;padding:0 12px;display:flex}.users-search input{border:none;outline:none;width:100%;font-size:13px}.users-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:18px;overflow:visible}.users-table{border-collapse:collapse;width:100%}.users-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;text-align:left;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:14px 22px;font-size:11px}.users-table td{color:#1f2937;border-bottom:1px solid #f1f5f9;padding:16px 22px;font-size:13px}.users-table tr:last-child td{border-bottom:none}.role-pill{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.users-actions{gap:8px;display:flex}.users-actions button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:800;display:flex}.users-actions button.danger{color:#dc2626;background:#fef2f2}.users-modal{background:#fff;border-radius:16px;width:620px;overflow:hidden;box-shadow:0 25px 80px #00000040}.users-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.users-modal-header h2{margin:0;font-size:22px}.users-modal-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.users-modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.users-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.reports-page{width:100%}.reports-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;display:grid}.report-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px}.report-kpi-card svg{color:#2563eb;margin-bottom:10px}.report-kpi-card span{color:#6b7280;font-size:13px;font-weight:700;display:block}.report-kpi-card strong{color:#1d4ed8;margin-top:8px;font-size:26px;display:block}.reports-toolbar{align-items:center;gap:12px;margin-top:20px;display:flex}.report-search{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:9px;align-items:center;gap:8px;width:420px;height:40px;padding:0 12px;display:flex}.report-search input{border:none;outline:none;width:100%;font-size:13px}.report-select{background:#fff;border:1px solid #d1d5db;border-radius:9px;min-width:170px;height:40px;padding:0 12px;font-size:13px}.reports-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:18px;overflow:hidden}.reports-table-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.reports-table-header h2{margin:0;font-size:18px}.reports-table-header p{color:#6b7280;margin:4px 0 0;font-size:13px}.secondary-export-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 14px;font-weight:800;display:flex}.reports-table{border-collapse:collapse;width:100%}.reports-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;text-align:left;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:14px 22px;font-size:11px}.reports-table td{color:#1f2937;border-bottom:1px solid #f1f5f9;padding:16px 22px;font-size:13px}.reports-table tr:last-child td{border-bottom:none}.projects-page{width:100%}.projects-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;display:grid}.projects-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px}.projects-kpi-card span{color:#6b7280;font-size:13px;font-weight:700}.projects-kpi-card strong{color:#1d4ed8;margin-top:10px;font-size:26px;display:block}.projects-toolbar{align-items:center;margin-top:20px;display:flex}.projects-search{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:9px;align-items:center;gap:8px;width:440px;height:40px;padding:0 12px;display:flex}.projects-search input{border:none;outline:none;width:100%;font-size:13px}.projects-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:18px;overflow:visible}.projects-table{border-collapse:collapse;width:100%}.projects-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;text-align:left;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:14px 22px;font-size:11px}.projects-table td{color:#1f2937;border-bottom:1px solid #f1f5f9;padding:16px 22px;font-size:13px}.projects-table tr:last-child td{border-bottom:none}.projects-actions{gap:8px;display:flex}.projects-actions button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:800;display:flex}.projects-actions button.danger{color:#dc2626;background:#fef2f2}.projects-modal{background:#fff;border-radius:16px;width:620px;overflow:hidden;box-shadow:0 25px 80px #00000040}.projects-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.projects-modal-header h2{margin:0;font-size:22px}.projects-modal-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.projects-modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.projects-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.platforms-page{width:100%}.page-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.primary-action-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;font-weight:800;display:flex}.platform-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;display:grid}.platform-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px}.platform-kpi-card span{color:#6b7280;font-size:13px;font-weight:700}.platform-kpi-card strong{color:#1d4ed8;margin-top:10px;font-size:26px;display:block}.platform-toolbar{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.platform-search{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:9px;align-items:center;gap:8px;width:420px;height:40px;padding:0 12px;display:flex}.platform-search input{border:none;outline:none;width:100%;font-size:13px}.platform-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:18px;overflow:visible}.platform-table{border-collapse:collapse;width:100%}.platform-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;text-align:left;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:14px 22px;font-size:11px}.platform-table td{color:#1f2937;border-bottom:1px solid #f1f5f9;padding:16px 22px;font-size:13px}.platform-table tr:last-child td{border-bottom:none}.alias-pill{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.platform-actions{gap:8px;display:flex}.platform-actions button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:800;display:flex}.platform-actions button.danger{color:#dc2626;background:#fef2f2}.platform-modal{background:#fff;border-radius:16px;width:560px;overflow:hidden;box-shadow:0 25px 80px #00000040}.platform-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.platform-modal-header h2{margin:0;font-size:22px}.platform-modal-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.platform-modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:12px;font-size:14px}.platform-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.settings-page{box-sizing:border-box;width:100%;max-width:100%}.settings-layout{grid-template-columns:260px minmax(0,1fr);align-items:flex-start;gap:22px;margin-top:24px;display:grid}.settings-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.settings-tabs button{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;height:42px;padding:0 12px;font-size:13px;font-weight:800;display:flex}.settings-tabs button:hover,.settings-tabs button.active{color:#1d4ed8;background:#eff6ff}.settings-content{min-width:0}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px}.settings-card h2{margin:0;font-size:20px}.settings-card>p{color:#6b7280;margin:6px 0 22px;font-size:13px}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:9px;outline:none;height:42px;padding:0 12px;font-size:13px}.form-group input[type=color]{cursor:pointer;padding:4px}.security-box,.backup-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.security-box strong,.backup-box strong{color:#111827;font-size:13px;display:block}.security-box span,.backup-box span{color:#6b7280;margin-top:4px;font-size:13px;display:block}.roles-list{gap:14px;display:grid}.role-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.role-card h3{margin:0;font-size:16px}.role-card p{color:#6b7280;margin:4px 0 0;font-size:13px}.role-card span{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.audit-list{gap:12px;margin-top:22px;display:grid}.audit-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;gap:16px;padding:14px;display:flex}.audit-item strong{font-size:13px;display:block}.audit-item span{color:#6b7280;margin-top:4px;font-size:12px;display:block}.audit-item small{color:#6b7280;white-space:nowrap;font-weight:700}.secondary-config-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;height:40px;margin-top:22px;padding:0 16px;font-size:13px;font-weight:800}.secondary-config-btn:hover{background:#f8fafc}body{margin:0;font-family:Arial,sans-serif}