*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0c0e1a;color:#e2e8f0;min-height:100vh}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#13162a}::-webkit-scrollbar-thumb{background:#ff5a1f;border-radius:3px}.spinner{width:36px;height:36px;border:3px solid #1e2235;border-top-color:#ff5a1f;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-center{display:flex;justify-content:center;align-items:center;height:100vh}.card{background:#13162a;border:1px solid #1e2438;border-radius:12px;padding:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:#ff5a1f;color:#fff}.btn-primary:hover{background:#e64d0f}.btn-secondary{background:#1e2438;color:#e2e8f0;border:1px solid #2a2f4a}.btn-secondary:hover{background:#252a42}.btn-danger{background:transparent;color:#ef4444;border:1px solid #ef4444}.btn-danger:hover{background:#ef444415}.btn-sm{padding:6px 14px;font-size:13px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-active{background:#052e1620;color:#22c55e;border:1px solid #22c55e40}.badge-paused{background:#1e2438;color:#94a3b8;border:1px solid #2a2f4a}.badge-ended{background:#1e1020;color:#a855f7;border:1px solid #a855f740}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #1e2438}table{width:100%;border-collapse:collapse}thead tr{background:#0e1022}th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}td{padding:14px 16px;font-size:14px;border-top:1px solid #1e2438}tbody tr:hover{background:#13162a80}.form-group{display:flex;flex-direction:column;gap:6px}label{font-size:13px;color:#94a3b8;font-weight:500}input,select{background:#0c0e1a;border:1px solid #1e2438;color:#e2e8f0;padding:10px 14px;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:#ff5a1f}input::placeholder{color:#475569}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{background:#13162a;border:1px solid #1e2438;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:12px;color:#64748b;font-weight:500}.stat-value{font-size:26px;font-weight:700;color:#e2e8f0}.stat-sub{font-size:12px;color:#94a3b8}.empty{text-align:center;padding:60px 24px;color:#475569}.empty h3{font-size:16px;color:#64748b;margin-bottom:8px}.empty p{font-size:14px;margin-bottom:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out both}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .3s ease-out both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease-out both}@keyframes staggerIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger-item{animation:staggerIn .4s ease-out both}.service-card-active>div:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.btn:disabled{opacity:.6;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes modalBackdropIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.modal-backdrop{animation:modalBackdropIn .25s ease-out both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes modalContentIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalContentOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.modal-content{animation:modalContentIn .3s cubic-bezier(.16,1,.3,1) both}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-anim{animation:dropdownIn .2s cubic-bezier(.16,1,.3,1) both}@keyframes cardHover{0%{transform:translateY(0)}to{transform:translateY(-3px)}}tbody tr{transition:background .15s ease,transform .15s ease}tbody tr:hover{background:#13162a!important}.btn{transition:all .15s cubic-bezier(.4,0,.2,1)}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary:hover{box-shadow:0 4px 16px #ff5a1f4d}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageIn .4s cubic-bezier(.16,1,.3,1) both}@keyframes glowPulse{0%,to{box-shadow:0 0 #3b82f600}50%{box-shadow:0 0 12px 2px #3b82f626}}@keyframes sidebarHover{0%{padding-left:16px}to{padding-left:20px}}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.expand-in{animation:expandIn .3s ease-out both;overflow:hidden}@keyframes badgePop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.badge-pop{animation:badgePop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#1e2438 25%,#2a2f4a,#1e2438 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:6px}@keyframes countUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}input[type=checkbox]{transition:all .15s ease;cursor:pointer}::-webkit-scrollbar-thumb{transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#ff7a3f}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #3b82f680;outline-offset:2px}.card-shine{position:relative;overflow:hidden}.card-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.card-shine:hover:after{opacity:1}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#1e293b;border-radius:2px;outline:none;cursor:pointer;border:none;padding:0;margin:8px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid #0f172a;box-shadow:0 0 6px #3b82f64d}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 10px #3b82f680}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid #0f172a}input[type=range]::-moz-range-track{height:4px;background:#1e293b;border-radius:2px;border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394a3b8' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px!important;cursor:pointer}select::-ms-expand{display:none}select option{background:#1e293b!important;color:#e2e8f0!important;padding:8px!important}select option:checked{background:#06b6d4!important;color:#fff!important}select option:hover{background:#334155!important}input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{color-scheme:dark;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{filter:invert(.65);cursor:pointer;opacity:.8}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:2px;cursor:pointer;width:40px;height:32px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:4px;border:none}input[type=color]::-moz-color-swatch{border-radius:4px;border:none}input[type=checkbox],input[type=radio]{accent-color:#06b6d4;cursor:pointer}input[type=file]{color:#94a3b8;font-size:12px;cursor:pointer}input[type=file]::-webkit-file-upload-button{background:#1e293b;border:1px solid #334155;color:#e2e8f0;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;margin-right:10px;transition:all .15s}input[type=file]::-webkit-file-upload-button:hover{background:#334155;border-color:#475569}input[type=file]::file-selector-button{background:#1e293b;border:1px solid #334155;color:#e2e8f0;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;margin-right:10px;transition:all .15s}input[type=file]::file-selector-button:hover{background:#334155;border-color:#475569}details{background:#0c0e1a;border:1px solid #1e2438;border-radius:8px;padding:10px 14px}details[open]{background:#0f172a}summary{cursor:pointer;color:#94a3b8;font-weight:600;font-size:13px;list-style:none;outline:none;padding:4px 0}summary::-webkit-details-marker{display:none}summary:before{content:"▸";display:inline-block;margin-right:8px;transition:transform .15s;color:#06b6d4}details[open]>summary:before{transform:rotate(90deg)}::selection{background:#06b6d440;color:#e2e8f0}input::placeholder,textarea::placeholder{color:#475569}textarea{background:#0c0e1a;border:1px solid #1e2438;color:#e2e8f0;padding:10px 14px;border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s;resize:vertical}textarea:focus{border-color:#06b6d4}