@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0c1a2b;background-color:#f5f6fa;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}[dir=rtl] body,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,[dir=rtl] button{font-family:Cairo,Inter,-apple-system,BlinkMacSystemFont,sans-serif}[dir=rtl] th{text-align:right}[dir=rtl] .search-input,[dir=rtl] .form-row{direction:rtl}.loading-screen{color:#666;background:#f5f6fa;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:3px solid #e0d6c9;border-top-color:#c8102e;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:#fff;border-radius:12px;padding:20px;transition:box-shadow .2s;box-shadow:0 1px 3px #0000000f}.card:hover{box-shadow:0 4px 12px #0000001a}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#c8102e}.btn-primary:hover{background:#a80d26}.btn-secondary{color:#0c1a2b;background:#f5f6fa;border:1px solid #d0d5dd}.btn-secondary:hover{background:#e8e9ed}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:6px 12px;font-size:13px}.table-container{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000f}table{border-collapse:collapse;width:100%}thead{background:#f9fafb}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600}td{color:#374151;border-bottom:1px solid #f3f4f6;padding:12px 16px;font-size:14px}tr:hover td{background:#f9fafb}input,select,textarea{background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:#c8102e;outline:none;box-shadow:0 0 0 3px #c8102e1a}textarea{resize:vertical;min-height:60px}.form-group{margin-bottom:16px}.form-group label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{color:#0c1a2b;margin:0;font-size:24px;font-weight:700}.page-header p{color:#6b7280;margin-top:4px;font-size:14px}.search-input{max-width:320px}.flex{display:flex}.flex-1{flex:1}.gap-2{gap:8px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-sm{font-size:13px}.text-muted{color:#6b7280}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.online-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.online-dot.online{background:#22c55e}.online-dot.away{background:#f59e0b}.online-dot.offline{background:#9ca3af}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f}.stat-card .stat-icon{margin-bottom:8px;font-size:24px}.stat-card .stat-value{color:#0c1a2b;font-size:28px;font-weight:700}.stat-card .stat-label{color:#6b7280;margin-top:4px;font-size:13px}.color-picker-wrapper{align-items:center;gap:10px;display:flex}.color-picker-wrapper input[type=color]{cursor:pointer;border:1px solid #d0d5dd;border-radius:8px;width:40px;height:40px;padding:2px}.status-badge{border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.inactive{color:#991b1b;background:#fee2e2}.status-badge.online{color:#166534;background:#dcfce7}.status-badge.offline{color:#6b7280;background:#f3f4f6}