:root{--bg:#fff;--muted:#f4f6fc}html,body,#root{height:100%;overflow-x:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.app-root{min-height:100%;background:var(--bg);color:#111}:root{--scrollbar-bg: rgba(22,58,31,.06);--scrollbar-thumb: rgba(34,115,55,.9);--scrollbar-thumb-hover: rgba(34,115,55,1);--scrollbar-width: 10px}:root{--sa-scrollbar-width: 8px;--sa-scrollbar-track: #f1f5f9;--sa-scrollbar-thumb: #cbd5df;--sa-scrollbar-thumb-hover: #94a3b8}*::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}*::-webkit-scrollbar-track{background:var(--scrollbar-bg);border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg)}aside,.app-main{-webkit-overflow-scrolling:touch}.superadmin-sidebar::-webkit-scrollbar{width:var(--sa-scrollbar-width)}.superadmin-sidebar::-webkit-scrollbar-track{background:var(--sa-scrollbar-track);border-radius:999px}.superadmin-sidebar::-webkit-scrollbar-thumb{background:var(--sa-scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:content-box}.superadmin-sidebar:hover::-webkit-scrollbar-thumb{background:var(--sa-scrollbar-thumb-hover)}.app-main::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.app-main::-webkit-scrollbar-track{background:transparent}.app-main::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:content-box}.app-main::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.superadmin-sidebar{scrollbar-color:var(--sa-scrollbar-thumb) var(--sa-scrollbar-track);scrollbar-width:thin}.app-main{scrollbar-color:var(--scrollbar-thumb) transparent}.sa-floating{position:fixed;z-index:9999;min-width:180px;background:#fff;color:#0f172a;border-radius:10px;box-shadow:0 10px 30px #0206171f;border:1px solid rgba(15,23,42,.06);padding:10px 12px;transform-origin:left center;opacity:0;transform:translate(-6px) scale(.995);transition:opacity .18s ease,transform .18s ease}.sa-floating.show{opacity:1;transform:translate(0) scale(1)}.sa-floating .sa-title{font-weight:700;margin-bottom:6px;font-size:14px}.sa-floating .sa-links{display:flex;flex-direction:column;gap:6px}.sa-floating .sa-link{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .12s}.sa-floating .sa-link:hover{background:#0f172a08}.sa-floating .sa-link .name{color:#0f172a;font-size:13px}.sa-floating .sa-link .action{background:#34ab53;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}.sa-tooltip{min-width:120px;padding:6px 10px;font-size:13px;border-radius:8px;box-shadow:0 6px 20px #02061714}.sa-submenu{min-width:220px;max-width:320px;padding:8px}.sa-submenu .sa-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s}.sa-submenu .sa-item:hover,.sa-submenu .sa-item:focus{background:#0f172a08;outline:none}.sa-submenu .sa-item .label{font-size:14px}.sa-submenu .sa-item .badge{background:#f87171;color:#fff;padding:4px 8px;border-radius:999px;font-size:12px}.rc-container{padding:1.25rem}.rc-card{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 6px 20px #0206170a;border:1px solid rgba(15,23,42,.04)}.rc-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.rc-sub{color:#475569;margin-bottom:.75rem}.rc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.75rem}.rc-group{display:flex;flex-direction:column}.rc-label{font-size:.875rem;margin-bottom:.375rem;color:#0f172a}.rc-input{border:1px solid #e6eef3;border-radius:.375rem;padding:.55rem .7rem;font-size:.95rem;transition:box-shadow .16s,border-color .16s}.rc-input::placeholder{color:#94a3b8}.rc-input:focus{outline:none;border-color:#34ab53;box-shadow:0 6px 18px #34ab5314}.rc-error{color:#ef4444;font-size:.8rem;margin-top:.35rem}.rc-actions{margin-top:1rem;display:flex;gap:.5rem}.btn-primary{background:#34ab53;color:#fff;border:none;padding:.6rem .95rem;border-radius:.45rem;cursor:pointer;font-weight:600}.btn-primary:hover{opacity:.95}.btn-primary[disabled]{opacity:.7;cursor:default}.btn-secondary{background:transparent;border:1px solid #cbd5df;color:#0f172a;padding:.55rem .8rem;border-radius:.45rem}.rc-note{font-size:.85rem;color:#64748b;margin-top:.5rem}.rc-inline,.rc-password-wrap{display:flex;gap:.5rem;align-items:center}.rc-password-toggle{background:transparent;border:none;cursor:pointer;color:#475569;padding:.25rem}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#ffffffe6;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.pw-meter{height:8px;background:#e6eef3;border-radius:6px;overflow:hidden;margin-top:8px}.pw-meter>i{display:block;height:100%;transition:width .28s ease,background .28s ease}.pw-weak{width:33%;background:#f97316}.pw-medium{width:66%;background:#f59e0b}.pw-strong{width:100%;background:#10b981}.pw-msg{font-size:.8rem;color:#64748b;margin-top:6px}.dashboard-row{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem}.metric-card{padding:1rem;border-radius:.6rem;background:linear-gradient(180deg,#fff,#fbfdff);text-align:left;box-shadow:0 6px 20px #0206170a;border:1px solid rgba(15,23,42,.04);transition:transform .16s;display:flex;align-items:center;gap:12px}.metric-card:hover{transform:translateY(-4px)}.metric-icon{width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.metric-body{flex:1}.metric-title{font-size:.9rem;color:#475569}.metric-value{font-size:1.25rem;font-weight:700}.metric-card,.metric-body{min-width:0}.card{background:#fff;border-radius:.6rem;padding:1rem;box-shadow:0 8px 30px #0206170a;border:1px solid rgba(15,23,42,.04)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom}.companies-table{width:100%;border-collapse:collapse;min-width:720px}.companies-table th,.companies-table td{padding:.65rem .9rem;text-align:left}.companies-table thead{background:#f8fafc}.companies-table tbody tr:nth-child(odd){background:#fff}.companies-table tbody tr:nth-child(2n){background:#fbfdff}.companies-table tbody tr:hover{background:#f1fbf5}.status-badge{padding:.25rem .6rem;border-radius:9999px;font-size:.85rem;font-weight:600;color:#fff;display:inline-block}.status-active{background:#16a34a}.status-inactive{background:#f97316}.refresh-btn{padding:.55rem .9rem;border-radius:.45rem;background:#0f766e;color:#fff;border:none;cursor:pointer}.refresh-btn:hover{opacity:.95}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e9eef4 37%,#f3f4f6 63%);background-size:400% 100%;animation:shine 1.2s linear infinite;border-radius:6px}@keyframes shine{to{background-position:200% 0}}.skeleton-row{height:40px;margin-bottom:8px}.last-updated{font-size:.85rem;color:#64748b}.btn-small{padding:6px 10px;border-radius:6px;border:1px solid #e6eef3;background:#fff;cursor:pointer}.btn-small[disabled]{opacity:.55;cursor:not-allowed}.spinner-inline{width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,0,0,.08);border-top-color:#0ea5a4;animation:spin .9s linear infinite;display:inline-block;vertical-align:middle}.small-icon{margin-right:8px;opacity:.9;vertical-align:middle}.skeleton-cols{display:grid;grid-template-columns:40px 1fr 120px 1fr 140px 100px 100px 120px;gap:12px;align-items:center}.skeleton-col{height:12px;border-radius:6px;background:linear-gradient(90deg,#f3f4f6 25%,#e9eef4 37%,#f3f4f6 63%);background-size:400% 100%;animation:shine 1.2s linear infinite}@media (max-width:720px){.companies-table thead{display:none}.companies-table tr{display:block;border:1px solid #eef2f7;margin-bottom:10px;border-radius:8px;overflow:hidden}.companies-table td{display:flex;justify-content:space-between;padding:10px}.companies-table td .cell-label{color:#64748b;margin-right:8px}.companies-table td .cell-value{text-align:right}.details-row{display:block}}.page-container{max-width:1100px;margin:0 auto;padding:1rem}.filters-row{display:flex;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:.75rem}.filters-left{display:flex;gap:.5rem;align-items:center}.search-wrap{position:relative}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#64748b}.select-filter{padding:.5rem .6rem;border:1px solid #e6eef3;border-radius:6px;background:#fff}.sort-ind{display:inline-block;margin-left:6px;opacity:.7;font-size:12px}.companies-card{padding:.75rem;border-radius:10px;box-shadow:0 10px 30px #0206170a;border:1px solid rgba(15,23,42,.04)}.table-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.records-info{color:#64748b;font-size:.9rem}.new-company-btn{background:#0f766e;color:#fff;border:none;padding:.5rem .75rem;border-radius:8px;cursor:pointer}.new-company-btn:hover{opacity:.95}.pagination-wrap{display:flex;align-items:center;justify-content:space-between;margin-top:12px}button:focus,.rc-input:focus,.select-filter:focus{outline:3px solid rgba(14,165,132,.12);outline-offset:2px}.h-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@media (max-width: 1024px){.page-container{padding:.75rem}.dashboard-row,.filters-row{gap:.75rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.card,.rc-card{overflow-x:auto}pre{overflow:auto;max-width:100%}}@media (max-width: 720px){.metrics-grid{grid-template-columns:1fr}.dashboard-row{flex-direction:column;align-items:stretch}.dashboard-row>div:last-child{display:flex;gap:.5rem;flex-wrap:wrap}.dashboard-row .rc-input{width:100%!important}.refresh-btn{width:100%}.filters-row{flex-direction:column;align-items:stretch}.filters-left{flex-wrap:wrap}.filters-left .rc-input{width:100%!important;max-width:100%}.filters-left .select-filter,.search-wrap{width:100%}.search-wrap .rc-input{width:100%!important}.search-clear{right:10px}.companies-card{padding:.75rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pagination-wrap{flex-direction:column;align-items:stretch;gap:8px}}