@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-main: #0b0c10;--bg-card: #141722;--bg-card-hover: #1c2030;--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(225, 48, 108, .3);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--insta-gradient: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--insta-purple: #833ab4;--insta-pink: #e1306c;--insta-orange: #fd1d1d;--insta-yellow: #fcb045;--badge-success-bg: rgba(16, 185, 129, .15);--badge-success-text: #10b981;--badge-warning-bg: rgba(245, 158, 11, .15);--badge-warning-text: #f59e0b;--badge-danger-bg: rgba(239, 68, 68, .15);--badge-danger-text: #ef4444;--badge-gray-bg: rgba(148, 163, 184, .15);--badge-gray-text: #94a3b8;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 10%,rgba(131,58,180,.08) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(225,48,108,.08) 0%,transparent 40%);background-attachment:fixed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#2a2e42;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--insta-pink)}a{color:var(--insta-pink);text-decoration:none;transition:color .2s}a:hover{color:var(--insta-yellow)}.glass-card{background:#141722bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px #0006}.glass-card-hover{transition:all .25s ease}.glass-card-hover:hover{transform:translateY(-2px);border-color:#e1306c66;box-shadow:0 12px 36px #e1306c26}.gradient-text{background:var(--insta-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.btn-primary{background:var(--insta-gradient);color:#fff;font-weight:700;border:none;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 15px #e1306c4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e1306c73;opacity:.95}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#ffffff0f;color:var(--text-main);border:1px solid var(--border-color);font-weight:600;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-success{background:#10b981;color:#fff;font-weight:600;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:background .2s}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff;font-weight:600;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:background .2s}.btn-danger:hover{background:#dc2626}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-approved{background:var(--badge-success-bg);color:var(--badge-success-text);border:1px solid rgba(16,185,129,.3)}.badge-pending{background:var(--badge-warning-bg);color:var(--badge-warning-text);border:1px solid rgba(245,158,11,.3)}.badge-rejected{background:var(--badge-danger-bg);color:var(--badge-danger-text);border:1px solid rgba(239,68,68,.3)}.badge-not-completed{background:var(--badge-gray-bg);color:var(--badge-gray-text);border:1px solid rgba(148,163,184,.2)}.alert-box{padding:1rem 1.25rem;border-radius:12px;font-size:.9rem;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;line-height:1.5}.alert-warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);color:#fbbf24}.alert-danger{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#f87171}.alert-info{background:#3b82f61f;border:1px solid rgba(59,130,246,.4);color:#60a5fa}.alert-success{background:#10b9811f;border:1px solid rgba(16,185,129,.4);color:#34d399}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.form-input{width:100%;background:#0a0c1299;border:1px solid var(--border-color);border-radius:10px;padding:.75rem 1rem;color:var(--text-main);font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--insta-pink);box-shadow:0 0 0 3px #e1306c26}.app-container{max-width:1200px;width:100%;margin:0 auto;padding:1.25rem .75rem}html,body{max-width:100vw;overflow-x:hidden;font-size:15px}@media (max-width: 768px){body{padding-bottom:85px}.app-container{padding:.85rem .6rem}}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;background:#121218f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);z-index:9999;align-items:center;justify-content:space-around;padding:0 .5rem;box-shadow:0 -5px 25px #0009}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);background:none;border:none;font-size:.68rem;font-weight:600;padding:6px;width:25%;cursor:pointer;transition:all .2s ease}.mobile-nav-item.active{color:#f43f5e}.mobile-nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.navbar-desktop-links,.admin-table-desktop{display:none!important}.admin-cards-mobile{display:flex!important;flex-direction:column;gap:.85rem}}@media (min-width: 769px){.admin-cards-mobile{display:none!important}}@media (max-width: 768px){.btn-primary,.btn-secondary,.btn-success,.btn-danger{min-height:44px;font-size:.88rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;max-width:550px;width:100%;padding:1.75rem;box-shadow:0 25px 60px #000000b3;position:relative;z-index:1001}table{border-spacing:0}th,td{white-space:nowrap}
