@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#f6f4ff;color:#1f2937;font-family:Cairo,sans-serif}.sa-shell{display:flex;min-height:100vh}.sa-sidebar{width:260px;background:linear-gradient(180deg,#4c1d95,#7c3aed);color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:28px}.sa-brand{font-size:22px;font-weight:800}.sa-brand small{display:block;color:#ddd6fe;font-size:12px;margin-top:5px}.sa-sidebar nav{display:grid;gap:8px}.sa-sidebar a{color:#fff;text-decoration:none;padding:12px 14px;border-radius:11px}.sa-sidebar nav a.active,.sa-sidebar nav a:hover{background:#fff;color:#5b21b6}.sa-logout{margin-top:auto;background:rgba(255,255,255,.13);text-align:center}.sa-main{flex:1;padding:34px;max-width:1600px}.sa-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.sa-header h1{margin:0;font-size:28px}.sa-header p{margin:5px 0 0;color:#6b7280}.sa-btn,.sa-secondary,.sa-danger{border:0;border-radius:10px;padding:10px 15px;font:700 14px Cairo,sans-serif;text-decoration:none;cursor:pointer;display:inline-block}.sa-btn{background:#6d28d9;color:#fff}.sa-secondary{background:#ede9fe;color:#5b21b6}.sa-danger{background:#fee2e2;color:#b91c1c}.sa-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.sa-card,.sa-panel{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 22px rgba(76,29,149,.08)}.sa-card span,.sa-card small{display:block;color:#6b7280;font-size:13px}.sa-card strong{font-size:25px;color:#5b21b6;margin:9px 0;display:block}.sa-panel{margin-bottom:20px}.sa-filters,.sa-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sa-form .wide{grid-column:1/-1}.sa-form label{display:grid;gap:6px;font-weight:700;font-size:13px}.sa-form input,.sa-form select,.sa-form textarea,.sa-filters input,.sa-filters select{width:100%;border:1px solid #ddd6fe;border-radius:9px;padding:10px;font:14px Cairo,sans-serif}.sa-form textarea{min-height:85px}.sa-table{overflow-x:auto}.sa-table table{width:100%;border-collapse:collapse;min-width:900px}.sa-table th{background:#f5f3ff;color:#6d28d9;text-align:right;padding:12px}.sa-table td{padding:12px;border-bottom:1px solid #eeeaf8}.sa-badge{display:inline-block;border-radius:16px;padding:4px 9px;font-size:12px;font-weight:700}.active,.trial{background:#dcfce7;color:#166534}.pending{background:#fef3c7;color:#92400e}.suspended,.expired,.archived,.cancelled{background:#fee2e2;color:#b91c1c}.sa-alert{padding:13px 16px;border-radius:11px;margin-bottom:18px}.sa-alert.success{background:#dcfce7;color:#166534}.sa-alert.error{background:#fee2e2;color:#b91c1c}.sa-actions{display:flex;gap:6px;flex-wrap:wrap}.sa-inline{display:inline}.sa-note{color:#6b7280;font-size:13px}.sa-login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#4c1d95,#8b5cf6)}.sa-login-box{width:min(430px,92vw);background:#fff;padding:30px;border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.2)}.sa-login-box h1{margin:0}.sa-login-box form{display:grid;gap:14px;margin-top:22px}.sa-login-box label{display:grid;gap:6px;font-weight:700}.sa-login-box input{padding:11px;border:1px solid #ddd6fe;border-radius:9px;font:14px Cairo}.sa-login-box button{width:100%}@media(max-width:900px){.sa-sidebar{width:84px;padding:20px 10px}.sa-brand small,.sa-sidebar a{font-size:0}.sa-sidebar a:after{content:'•';font-size:18px}.sa-main{padding:20px}.sa-grid,.sa-form,.sa-filters{grid-template-columns:1fr 1fr}}@media(max-width:600px){.sa-grid,.sa-form,.sa-filters{grid-template-columns:1fr}.sa-header{align-items:flex-start;flex-direction:column}.sa-sidebar{display:none}.sa-main{padding:16px}}
.sa-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.sa-section-heading h2,.sa-panel>h2{margin:0 0 5px;font-size:20px}.sa-grid-system{margin-bottom:18px}.sa-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sa-monitor-card{border:1px solid #ece8ff;border-radius:13px;padding:16px;background:#fcfbff}.sa-monitor-card h3{font-size:15px;margin:0 0 10px;color:#4c1d95}.sa-monitor-card strong{display:block;font-size:18px;color:#312e81}.sa-monitor-card p{margin:6px 0;color:#6b7280;font-size:13px}.sa-progress{height:8px;background:#ede9fe;border-radius:999px;overflow:hidden;margin-top:12px}.sa-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a78bfa)}.sa-monitor-card small{display:block;margin-top:6px;color:#6b7280}.sa-service-health{list-style:none;padding:0;margin:0;display:grid;gap:9px}.sa-service-health li{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #eeeaf8;padding-bottom:8px}.sa-service-health li:last-child{border:0;padding-bottom:0}.sa-health{font-size:12px;border-radius:14px;padding:3px 8px}.sa-health.active{background:#dcfce7;color:#166534}.sa-health.down{background:#fee2e2;color:#b91c1c}.sa-health.unknown{background:#fef3c7;color:#92400e}.sa-alert-panel{border:1px solid #fde68a}.sa-alert-panel h2{font-size:17px;margin:0 0 12px}.sa-alert-list{display:grid;gap:9px}.sa-monitor-alert{border-radius:10px;padding:10px 13px;font-weight:700;font-size:13px}.sa-monitor-alert.warning{background:#fef3c7;color:#92400e}.sa-monitor-alert.danger{background:#fee2e2;color:#b91c1c}.sa-details{margin-bottom:18px}.sa-details summary,.sa-row-details summary{list-style:none}.sa-details summary::-webkit-details-marker,.sa-row-details summary::-webkit-details-marker{display:none}.sa-service-form{margin-top:14px}.sa-service-form .sa-check{display:flex;align-items:center;gap:8px;padding-top:25px}.sa-service-form .sa-check input{width:auto}.sa-row-details{min-width:260px}.sa-row-details .sa-form{min-width:760px;padding:15px;margin-top:10px;border:1px solid #e9e3ff;border-radius:12px;background:#faf9ff}.sa-services-table table{min-width:1100px}.sa-empty{padding:18px;border:1px dashed #c4b5fd;border-radius:12px;color:#6b7280;background:#faf9ff}.sa-badge.paused{background:#fef3c7;color:#92400e}@media(max-width:900px){.sa-system-grid{grid-template-columns:1fr 1fr}.sa-row-details .sa-form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.sa-system-grid{grid-template-columns:1fr}.sa-section-heading{flex-direction:column}.sa-row-details .sa-form{min-width:0;grid-template-columns:1fr}.sa-service-form .sa-check{padding-top:0}}