@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-dark: #f8fafc;--bg-card: rgba(255, 255, 255, .7);--bg-input: rgba(255, 255, 255, .95);--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #e0e7ff;--primary-glow: rgba(79, 70, 229, .1);--primary-glow-strong: rgba(79, 70, 229, .25);--text-main: #0f172a;--text-muted: #475569;--text-gold: #4f46e5;--glass-bg: rgba(255, 255, 255, .65);--glass-border: 1px solid rgba(255, 255, 255, .5);--glass-border-hover: 1px solid rgba(79, 70, 229, .3);--glass-shadow: 0 10px 30px rgba(99, 102, 241, .04), 0 1px 3px rgba(0, 0, 0, .02), inset 0 1px 0 rgba(255, 255, 255, .6);--backdrop-blur: blur(24px) saturate(190%);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}body{margin:0;font-family:Cairo,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.06) 0px,transparent 40%),radial-gradient(circle at 90% 80%,rgba(244,63,94,.03) 0px,transparent 50%),radial-gradient(circle at 50% 50%,rgba(248,250,252,1) 0px,transparent 100%);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;direction:rtl;text-align:right}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#4f46e526;border-radius:99px;border:2px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:var(--transition)}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,70,229,.12),transparent)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;font-weight:700;font-size:.9rem;padding:.8rem 1.75rem;border-radius:var(--radius-md);border:1px solid rgba(79,70,229,.2);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #4f46e51f,0 0 0 1px #4f46e50d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow-strong),0 0 0 2px #4f46e533;filter:brightness(1.08)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:#4f46e505;color:var(--text-muted);border:1px solid rgba(79,70,229,.1);padding:.75rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.btn-ghost:hover{color:var(--primary);background:#4f46e50f;border-color:#4f46e540;box-shadow:0 4px 12px #4f46e50a;transform:translateY(-1px)}.page-container{padding:1.5rem;max-width:1300px;margin:0 auto;width:100%;box-sizing:border-box}@media(min-width:768px){.page-container{padding:2.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-scale-in{animation:scaleIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.mobile-overlay{display:block}@media(min-width:768px){.mobile-overlay{display:none!important}}.modal-overlay{position:fixed;inset:0;background:#0f172a4d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.modal-content{width:100%;max-width:550px;background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #0f172a1a,0 0 0 1px #4f46e50d;padding:2rem;max-height:90vh;overflow-y:auto;position:relative;animation:scaleIn .4s cubic-bezier(.16,1,.3,1) forwards;box-sizing:border-box}.settings-layout{display:flex;flex-direction:column;gap:1.5rem}.settings-sidebar{width:100%;padding:.5rem;display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;margin-bottom:.5rem;box-sizing:border-box;background:#4f46e508;border-radius:var(--radius-md);border:1px solid rgba(79,70,229,.06)}.settings-sidebar::-webkit-scrollbar{height:4px}.settings-sidebar button{display:inline-flex;align-items:center;gap:.75rem;padding:.8rem 1.2rem;border-radius:var(--radius-md);color:var(--text-muted);background:transparent;border:1px solid transparent;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.settings-sidebar button:hover{color:var(--primary);background:#4f46e50d}@media(min-width:992px){.settings-sidebar button:hover{transform:translate(-4px)}}.settings-sidebar button.active{background:linear-gradient(135deg,var(--primary),var(--primary-hover))!important;color:#fff!important;font-weight:700!important;box-shadow:0 4px 12px var(--primary-glow-strong)!important}.settings-sidebar button.active:hover{transform:none!important}.settings-content{flex:1;min-width:0;width:100%;box-sizing:border-box}@media(min-width:992px){.settings-layout{flex-direction:row;align-items:flex-start;gap:2rem}.settings-sidebar{width:280px;flex-direction:column;overflow-x:visible;white-space:normal;margin-bottom:0;padding:.75rem;flex-shrink:0}}.input-field{width:100%;padding:.8rem 1rem;background:var(--bg-input);border:1px solid rgba(79,70,229,.15);border-radius:var(--radius-md);color:var(--text-main);font-family:Cairo,sans-serif;font-size:.9rem;outline:none;transition:var(--transition);box-sizing:border-box;box-shadow:inset 0 1px 2px #4f46e508}.input-field:hover{border-color:#4f46e559}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow),inset 0 1px 2px #00000005;background:#fff}.input-field::placeholder{color:var(--text-muted);opacity:.7}select.input-field{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:left .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-left:2.5rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-primary{background:#4f46e514;color:var(--primary);border:1px solid rgba(79,70,229,.2)}.badge-success{background:#10b98114;color:#059669;border:1px solid rgba(16,185,129,.18)}.badge-danger{background:#dc262614;color:#dc2626;border:1px solid rgba(220,38,38,.18)}.badge-muted{background:#64748b14;color:var(--text-muted);border:1px solid rgba(100,116,139,.18)}.interactive-card{transition:var(--transition);border:1px solid rgba(79,70,229,.08)}.interactive-card:hover{transform:translateY(-2px);border-color:#4f46e538!important;background:#ffffffd9!important;box-shadow:0 16px 36px #6366f10d}.employee-dashboard{width:min(100%,1280px);margin:0 auto;padding:.75rem}.employee-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-bottom:1rem;padding:1.25rem;border-radius:28px;background:linear-gradient(135deg,#0f172af5,#1e293bf0),radial-gradient(circle at top left,rgba(79,70,229,.28),transparent 34%);color:#fff;box-shadow:0 24px 60px #0f172a24;overflow:hidden;position:relative}.employee-hero:after{content:"";position:absolute;inset:auto -8rem -10rem auto;width:22rem;height:22rem;border-radius:999px;background:#4f46e53d;filter:blur(16px)}.employee-hero__content,.employee-hero__panel{position:relative;z-index:1}.employee-eyebrow,.employee-hero__meta span,.employee-scope-note{display:inline-flex;align-items:center;gap:.45rem}.employee-eyebrow{width:fit-content;padding:.35rem .75rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#c7d2fe;background:#ffffff12;font-size:.78rem;font-weight:700}.employee-hero h1{margin:.85rem 0 .35rem;font-size:clamp(1.7rem,4vw,3.1rem);line-height:1.15;letter-spacing:-.04em}.employee-hero p{max-width:54rem;margin:0;color:#cbd5e1;font-size:.98rem;line-height:1.9}.employee-hero__meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.employee-hero__meta span{padding:.42rem .75rem;border-radius:999px;background:#ffffff14;color:#e2e8f0;font-size:.82rem}.employee-hero__panel{display:flex;flex-direction:column;justify-content:center;gap:.35rem;padding:1rem;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.employee-hero__panel span,.employee-hero__panel small{color:#cbd5e1;font-size:.82rem}.employee-hero__panel strong{color:#fff;font-size:1.08rem;line-height:1.5}.employee-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.9rem}.employee-stat-card,.employee-project-card,.employee-empty-state,.employee-state-card,.employee-scope-note{background:#ffffffd1;border:1px solid rgba(79,70,229,.1);box-shadow:0 14px 34px #6366f10d,inset 0 1px #fffc;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.employee-stat-card{display:grid;grid-template-columns:auto 1fr;gap:.15rem .65rem;align-items:center;padding:1rem;border-radius:20px}.employee-stat-card svg{grid-row:span 2;color:var(--primary)}.employee-stat-card span{color:var(--text-muted);font-size:.78rem;font-weight:700}.employee-stat-card strong{color:var(--text-main);font-size:1.45rem;line-height:1}.employee-stat-card--accent{background:linear-gradient(135deg,#4f46e51c,#ffffffe0)}.employee-scope-note{width:fit-content;max-width:100%;margin-bottom:1rem;padding:.65rem .9rem;border-radius:999px;color:var(--primary);font-size:.86rem;font-weight:700}.employee-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:1rem;align-items:start}.employee-project-card{border-radius:24px;overflow:hidden;transition:var(--transition)}.employee-project-card:hover{transform:translateY(-3px);border-color:#4f46e533;box-shadow:0 22px 46px #6366f114}.employee-project-card--priority{border-color:#4f46e53d}.employee-project-header{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem;border:0;background:transparent;color:var(--text-main);text-align:right;cursor:pointer;font-family:Cairo,sans-serif}.employee-project-header:hover{background:#4f46e509}.employee-project-title-block{min-width:0}.employee-project-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.55rem}.employee-priority-badge,.employee-service-badge{display:inline-flex;align-items:center;padding:.22rem .55rem;border-radius:999px;font-size:.7rem;font-weight:800}.employee-priority-badge{background:#0f172a;color:#fff}.employee-service-badge{background:#4f46e514;color:var(--primary)}.employee-project-header h2{margin:0;color:var(--text-main);font-size:1rem;line-height:1.45}.employee-project-location{display:inline-flex;align-items:center;gap:.25rem;margin-top:.4rem;color:var(--text-muted);font-size:.78rem}.employee-project-count{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem;flex-shrink:0;color:var(--primary)}.employee-project-count span{padding:.3rem .65rem;border-radius:999px;background:#0f172a0d;color:var(--text-main);font-size:.76rem;font-weight:800}.employee-stage-list{display:flex;flex-direction:column;gap:1rem;padding:0 1.1rem 1.1rem}.employee-stage{padding-right:.85rem;border-right:3px solid rgba(79,70,229,.28)}.employee-stage--locked{border-right-color:#d9770659}.employee-stage--locked .employee-task-list{filter:grayscale(.75) opacity(.55);pointer-events:none}.employee-stage-heading{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;color:var(--primary);font-size:.84rem;font-weight:900}.employee-stage-heading span:last-child:not(:first-child){color:#b45309;background:#f59e0b1a;border:1px solid rgba(245,158,11,.16);padding:.2rem .5rem;border-radius:999px;font-size:.7rem}.employee-task-list{display:flex;flex-direction:column;gap:.55rem}.employee-task-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.72rem;border:1px solid rgba(79,70,229,.08);border-radius:16px;background:#f8fafcd1;transition:var(--transition)}.employee-task-row:hover{background:#fff;border-color:#4f46e52e}.employee-task-row--next{border-color:#4f46e547;background:#4f46e50e}.employee-task-content{display:flex;align-items:center;gap:.6rem;min-width:0}.employee-task-index{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;flex:0 0 1.55rem;border-radius:50%;background:#fff;color:var(--primary);border:1px solid rgba(79,70,229,.12);font-size:.72rem;font-weight:900}.employee-task-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-main);font-size:.88rem;font-weight:700}.employee-complete-btn,.employee-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:0;border-radius:999px;background:#0f172a;color:#fff;font-family:Cairo,sans-serif;font-weight:900;cursor:pointer;transition:var(--transition)}.employee-complete-btn{flex-shrink:0;min-width:fit-content;padding:.45rem .8rem;font-size:.78rem}.employee-primary-action{padding:.75rem 1.35rem;font-size:.9rem}.employee-complete-btn:hover,.employee-primary-action:hover{transform:translateY(-1px);background:var(--primary);box-shadow:0 10px 22px #4f46e52e}.employee-complete-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.employee-hidden-tasks-note,.employee-dependent-note{border-radius:14px;color:var(--text-muted);font-size:.78rem;font-weight:700;text-align:center}.employee-hidden-tasks-note{padding:.55rem;background:#0f172a09}.employee-dependent-note{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem;background:#f59e0b14;border:1px dashed rgba(245,158,11,.24)}.employee-empty-state,.employee-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:28px;padding:3rem 1.5rem}.employee-empty-state{max-width:640px;margin:1rem auto}.employee-empty-state svg{color:#059669}.employee-empty-state h2,.employee-state-card h2{margin:.9rem 0 .4rem;color:var(--text-main)}.employee-empty-state p,.employee-state-card p{max-width:28rem;margin:0;color:var(--text-muted);line-height:1.8}.employee-state-wrap{min-height:58vh;display:flex;align-items:center;justify-content:center}.employee-state-card{width:min(100%,460px)}.employee-state-card--error{border-color:#dc26262e}.employee-state-card--error svg{color:#dc2626}.employee-loading-mark{width:3rem;height:3rem;border-radius:50%;border:3px solid rgba(79,70,229,.14);border-top-color:var(--primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.employee-dashboard{padding:1.25rem}.employee-hero{grid-template-columns:minmax(0,1fr) 320px;padding:2rem;margin-bottom:1.25rem}.employee-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.employee-project-grid{gap:1.25rem}}@media(max-width:768px){.employee-page-main{padding-bottom:calc(6.25rem + env(safe-area-inset-bottom,0px))!important}.mobile-bottom-nav{right:.75rem!important;left:.75rem!important;bottom:calc(.75rem + env(safe-area-inset-bottom,0px))!important;justify-content:stretch!important;gap:.5rem!important;overflow-x:hidden!important;border-radius:24px!important;scrollbar-width:none}.mobile-bottom-nav::-webkit-scrollbar{display:none}.employee-mobile-nav-item{flex:1 1 0!important;min-width:0!important;max-width:none!important}.mobile-bottom-nav--spacious .employee-mobile-nav-item{min-height:64px!important;gap:.45rem!important}.mobile-bottom-nav--compact{gap:.25rem!important;padding:.38rem!important}.mobile-bottom-nav--compact .employee-mobile-nav-item{min-height:48px!important;padding:.35rem .2rem!important;gap:.2rem!important}.mobile-bottom-nav--compact .employee-mobile-nav-item svg{width:17px;height:17px}.mobile-bottom-nav--compact .employee-mobile-nav-item span{font-size:.58rem!important}.employee-mobile-nav-item.is-active{background:#4f46e5f2!important;color:#fff!important;transform:none!important}}@media(max-width:520px){body{background-image:radial-gradient(circle at 20% 0%,rgba(79,70,229,.08) 0px,transparent 36%),linear-gradient(180deg,#f8fafc,#eef2ff)}.employee-dashboard{padding:0}.employee-page-main{padding:.75rem .75rem calc(6.75rem + env(safe-area-inset-bottom,0px))!important}.employee-mobile-header{height:58px!important;padding:0 .9rem!important;border-radius:0 0 22px 22px!important;background:#ffffffeb!important;box-shadow:0 10px 30px #0f172a12!important}.employee-mobile-brand{display:flex;flex-direction:column;gap:.05rem;min-width:0}.employee-mobile-brand h2{font-size:1.05rem!important;line-height:1.1}.employee-mobile-brand span{color:var(--text-muted);font-size:.68rem;font-weight:800}.employee-mobile-user{gap:.45rem!important}.employee-mobile-user>span{max-width:4.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-main);font-weight:800}.employee-mobile-checkout{width:38px!important;height:38px!important;padding:0!important;justify-content:center!important;border-radius:14px!important;background:#ef444414!important}.employee-mobile-checkout span{display:none}.employee-hero{border-radius:24px;padding:1rem;margin-bottom:.75rem;box-shadow:0 18px 38px #0f172a1f}.employee-eyebrow{font-size:.72rem;padding:.3rem .6rem}.employee-hero h1{margin-top:.75rem;font-size:1.65rem}.employee-hero p{font-size:.86rem;line-height:1.75}.employee-hero__meta{gap:.45rem;margin-top:.8rem}.employee-hero__meta span{width:100%;justify-content:center;padding:.38rem .55rem;font-size:.75rem}.employee-hero__panel{padding:.85rem;border-radius:18px}.employee-hero__panel strong{font-size:.95rem}.employee-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.75rem}.employee-stat-card{grid-template-columns:1fr auto;padding:.8rem;border-radius:18px;min-height:74px}.employee-stat-card svg{grid-column:2;grid-row:1 / span 2;width:18px;height:18px}.employee-stat-card span{font-size:.68rem}.employee-stat-card strong{font-size:1.25rem}.employee-scope-note{width:100%;justify-content:center;border-radius:16px;margin-bottom:.75rem;padding:.6rem .75rem;font-size:.76rem}.employee-project-grid{gap:.75rem}.employee-project-card{border-radius:20px}.employee-project-card:hover{transform:none}.employee-project-header{gap:.75rem;padding:.95rem}.employee-project-header h2{font-size:.94rem}.employee-project-badges{gap:.3rem;margin-bottom:.45rem}.employee-priority-badge,.employee-service-badge{font-size:.65rem;padding:.18rem .48rem}.employee-project-count span{padding:.25rem .5rem;font-size:.68rem}.employee-stage-list{gap:.85rem;padding:0 .9rem .9rem}.employee-stage{padding-right:.65rem}.employee-stage-heading{align-items:flex-start;flex-direction:column;gap:.35rem;font-size:.78rem}.employee-task-list{gap:.65rem}.employee-task-row{align-items:stretch;flex-direction:column;gap:.65rem;padding:.85rem;border-radius:18px}.employee-task-content{align-items:flex-start}.employee-task-title{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.6;font-size:.86rem}.employee-complete-btn{width:100%;min-height:42px;font-size:.82rem;border-radius:14px}.employee-hidden-tasks-note,.employee-dependent-note{font-size:.72rem}.employee-empty-state,.employee-state-card{border-radius:22px;padding:2.4rem 1.1rem}.mobile-bottom-nav{right:.65rem!important;left:.65rem!important;bottom:calc(.65rem + env(safe-area-inset-bottom,0px))!important;display:flex!important;justify-content:stretch!important;gap:.45rem!important;overflow-x:hidden!important;padding:.5rem!important;border-radius:22px!important;background:#0f172af0!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 18px 42px #0f172a38!important;scrollbar-width:none}.mobile-bottom-nav::-webkit-scrollbar{display:none}.employee-mobile-nav-item{flex:1 1 0!important;min-width:0!important;min-height:54px!important;border-radius:16px!important;padding:.45rem .35rem!important;color:#cbd5e1!important}.employee-mobile-nav-item.is-active{background:#4f46e5f2!important;color:#fff!important;transform:none!important}.employee-mobile-nav-item span{font-size:.62rem!important;max-width:100%}.mobile-bottom-nav--spacious .employee-mobile-nav-item{min-height:62px!important}.mobile-bottom-nav--spacious .employee-mobile-nav-item span{font-size:.72rem!important}.mobile-bottom-nav--compact{gap:.2rem!important;padding:.35rem!important}.mobile-bottom-nav--compact .employee-mobile-nav-item{min-height:46px!important;padding:.3rem .15rem!important;border-radius:13px!important}.mobile-bottom-nav--compact .employee-mobile-nav-item svg{width:16px;height:16px}.mobile-bottom-nav--compact .employee-mobile-nav-item span{font-size:.54rem!important;line-height:1.15}}.modal-content form>div{margin-bottom:1.25rem}.modal-content form>div:last-child{margin-bottom:0;margin-top:1.75rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1 1 0%}.flex-\[2\]{flex:2 2 0%}.flex-\[3\]{flex:3 3 0%}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-nowrap{flex-wrap:nowrap}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-auto{margin-right:auto}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pr-1{padding-right:.25rem}.pr-6{padding-right:1.5rem}.space-y-1\.5>*+*{margin-top:.375rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.block{display:block}.inline{display:inline}.w-full{width:100%}.w-32{width:8rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-9{width:2.25rem}.h-5{height:1.25rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-md{font-size:1.125rem}.text-lg{font-size:1.25rem}.text-xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:monospace}.text-white{color:#fff}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-gray-200{color:#334155}.text-gray-300{color:#475569}.text-gray-400{color:#64748b}.text-red-400{color:#b91c1c}.text-red-300{color:#dc2626}.text-green-400{color:#059669}.text-amber-300{color:#d97706}.text-blue-400{color:#2563eb}.bg-black\/10{background-color:#0f172a0a}.bg-black\/20{background-color:#0f172a14}.bg-black\/30{background-color:#0f172a1f}.bg-white\/5{background-color:#4f46e508}.bg-white\/10{background-color:#4f46e50f}.border{border:1px solid rgba(79,70,229,.1)}.border-dashed{border-style:dashed}.border-white\/5{border-color:#4f46e50d}.border-white\/10{border-color:#4f46e51a}.border-white\/20{border-color:#4f46e52e}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.relative{position:relative}.absolute{position:absolute}.left-3{left:.75rem}.top-3\.5{top:.875rem}.inset-0{inset:0}.z-1000{z-index:1000}.overflow-y-auto{overflow-y:auto}.max-h-\[90vh\]{max-height:90vh}.max-h-24{max-height:6rem}.max-h-48{max-height:12rem}.transition-colors{transition:background-color .2s,border-color .2s,color .2s}.transition-all{transition:var(--transition)}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.active\:cursor-grabbing:active{cursor:grabbing}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.divide-y>*+*{border-top-width:1px;border-top-style:solid;border-top-color:#4f46e514}.divide-white\/5>*+*{border-top-color:#4f46e50d!important}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.w-3{width:.75rem}.h-3{height:.75rem}.w-2\.5{width:.625rem}.h-2\.5{height:.625rem}.accent-primary{accent-color:var(--primary)}.border-r-2{border-right-width:2px;border-right-style:solid}.border-primary\/20{border-color:#4f46e533}.max-h-36{max-height:9rem}.max-h-60{max-height:15rem}.hover\:bg-white\/5:hover{background-color:#4f46e50a}.hover\:bg-white\/10:hover{background-color:#4f46e514}.hover\:text-white:hover{color:var(--primary)}.hover\:text-blue-300:hover{color:#1d4ed8}.hover\:text-red-300:hover{color:#b91c1c}.hover\:text-amber-400:hover{color:#b45309}.bg-success\/10{background-color:#10b98114}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fffc;border:1px solid rgba(79,70,229,.15);color:var(--text-muted);cursor:pointer;transition:all .25s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #6366f10d,inset 0 1px #fff9;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);outline:none}.sidebar-toggle:hover{background:#fff;color:var(--primary);border-color:#4f46e559;transform:scale(1.08);box-shadow:0 6px 18px #6366f11f}.sidebar-toggle:active{transform:scale(.95)}