@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);:root{--bg-color:#050b14;--panel-bg:#0e1525a6;--panel-hover:#141e32d9;--border-color:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-glow:#3b82f666;--success:#10b981;--success-bg:#10b9811a;--danger:#ef4444;--danger-bg:#ef44441a;--warning:#f59e0b;--warning-bg:#f59e0b1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#050b14;background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,#3b82f614,#0000 25%),radial-gradient(circle at 85% 30%,#10b9810d,#0000 25%);color:#f8fafc;color:var(--text-primary);font-family:Outfit,sans-serif;min-height:100vh;overflow-x:hidden}.glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0e1525a6;background:var(--panel-bg);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 30px #0003}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text}input,select{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:8px;color:#f8fafc;color:var(--text-primary);font-family:Outfit,sans-serif;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}input:focus,select:focus{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633}button{border:none;cursor:pointer;font-family:Outfit,sans-serif;font-weight:500;outline:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--accent),#2563eb);border-radius:8px;box-shadow:0 4px 15px #3b82f666;box-shadow:0 4px 15px var(--accent-glow);color:#fff;padding:12px 24px}.btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);background:linear-gradient(135deg,var(--accent-hover),var(--accent));box-shadow:0 6px 20px #3b82f666;box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:8px;color:#f8fafc;color:var(--text-primary);padding:10px 20px}.btn-secondary:hover{background:#ffffff1a}.btn-danger{background:#ef44441a;background:var(--danger-bg);border:1px solid #ef444433;border-radius:6px;color:#ef4444;color:var(--danger);padding:8px 16px}.btn-danger:hover{background:#ef4444;background:var(--danger);color:#fff}.btn-success{background:#10b9811a;background:var(--success-bg);border:1px solid #10b98133;border-radius:6px;color:#10b981;color:var(--success);padding:8px 16px}.btn-success:hover{background:#10b981;background:var(--success);color:#fff}.app-container{display:flex;height:100vh}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1525a6;background:var(--panel-bg);border-right:1px solid #ffffff14;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:24px;width:260px}.sidebar-logo{font-size:24px;font-weight:700;margin-bottom:40px}.nav-link,.sidebar-logo{align-items:center;display:flex;gap:12px}.nav-link{border-radius:8px;color:#94a3b8;color:var(--text-secondary);font-weight:500;margin-bottom:8px;padding:12px 16px;text-decoration:none;transition:all .2s}.nav-link:hover{background:#ffffff08;color:#f8fafc;color:var(--text-primary)}.nav-link.active{background:linear-gradient(90deg,#3b82f626,#0000);border-left:3px solid #3b82f6;border-left:3px solid var(--accent);color:#3b82f6;color:var(--accent)}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1525a6;background:var(--panel-bg);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);display:flex;height:72px;justify-content:space-between;padding:0 32px}.content-wrapper{flex:1 1;overflow-y:auto;padding:32px}.grid-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{padding:24px}.stat-card h3{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.stat-card .value{color:#f8fafc;color:var(--text-primary);font-size:32px;font-weight:700}.table-container{background:#0e1525a6;background:var(--panel-bg);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);padding:16px 20px;text-align:left}th{background:#0003;color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:500}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.badge.active,.badge.approved,.badge.completed{background:#10b9811a;background:var(--success-bg);color:#10b981;color:var(--success)}.badge.pending{background:#f59e0b1a;background:var(--warning-bg);color:#f59e0b;color:var(--warning)}.badge.failed,.badge.inactive,.badge.rejected{background:#ef44441a;background:var(--danger-bg);color:#ef4444;color:var(--danger)}.loader-container{align-items:center;display:flex;height:200px;justify-content:center}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #3b82f633;border-radius:50%;border-top:3px solid var(--accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.page-title{font-size:28px;font-weight:600;margin-bottom:24px}.card-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.action-bar{display:flex;gap:12px;margin-bottom:20px}.search-input{max-width:300px}.dropdown{background:#0e1525a6;background:var(--panel-bg);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:6px;color:#f8fafc;color:var(--text-primary);outline:none;padding:8px 12px}
/*# sourceMappingURL=main.e6e569db.css.map*/