@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+Bengali:wght@300;400;500;600;700&display=swap";
:root{--brand-primary:#4f46e5;--brand-primary-light:#6366f1;--brand-primary-dark:#4338ca;--brand-accent:#059669;--brand-accent-light:#10b981;--bg-base:#f0f2f5;--bg-surface:#fff;--bg-card:#fff;--bg-muted:#f8f9fb;--border-subtle:#e5e7eb;--border-medium:#d1d5db;--border-accent:#4f46e540;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000012;--shadow-lg:0 10px 30px #0000001a;--shadow-glow:0 4px 20px #4f46e51f;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Inter,Noto Sans Bengali,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";background:linear-gradient(90deg, var(--brand-primary) 0%, var(--brand-accent) 50%, var(--brand-primary-light) 100%);z-index:100;height:4px;position:fixed;top:0;left:0;right:0}.bg-effects{z-index:0;pointer-events:none;position:fixed;inset:0}.bg-effects:before{content:"";background:radial-gradient(circle,#4f46e50a 0%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:20s ease-in-out infinite floatOrb;position:absolute;top:-30%;left:-15%}.bg-effects:after{content:"";background:radial-gradient(circle,#05966908 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:25s ease-in-out infinite reverse floatOrb;position:absolute;bottom:-15%;right:-15%}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(50px,-30px)scale(1.05)}50%{transform:translate(-20px,40px)scale(.95)}75%{transform:translate(30px,20px)scale(1.02)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.password-gate{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.password-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:420px;animation:fadeInUp .6s var(--ease-out);padding:48px 40px}.password-card .logo-area{margin-bottom:28px}.password-card .logo-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--brand-primary), var(--brand-accent));color:#fff;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex;box-shadow:0 4px 15px #4f46e540}.password-card h1{color:var(--text-primary);margin-bottom:6px;font-size:22px;font-weight:700}.password-card .subtitle{color:var(--text-muted);font-size:14px}.password-card .input-group{margin-top:28px;position:relative}.password-card .input-group input{border:2px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--bg-muted);outline:none;padding:14px 48px 14px 20px;font-family:inherit;font-size:15px;transition:all .3s}.password-card .input-group input:focus{border-color:var(--brand-primary);background:var(--bg-surface);box-shadow:0 0 0 4px #4f46e51a}.password-card .input-group input.error{border-color:#ef4444;animation:.4s shake;box-shadow:0 0 0 4px #ef44441a}.password-card .toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:18px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-card .submit-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;cursor:pointer;border:none;width:100%;margin-top:16px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #4f46e54d}.password-card .submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.password-card .submit-btn:active{transform:translateY(0)}.password-card .error-msg{color:#ef4444;margin-top:12px;font-size:13px;font-weight:500;animation:.3s fadeIn}.app-wrapper{z-index:1;max-width:1440px;margin:0 auto;padding:20px;position:relative}.page-header{text-align:center;animation:fadeInDown .6s var(--ease-out);margin-bottom:4px;padding:44px 20px 24px}.company-badge{background:linear-gradient(135deg,#4f46e514,#0596690f);border:1px solid #4f46e526;border-radius:50px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 20px;display:inline-flex}.company-badge .dot{background:var(--brand-accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.company-badge span{letter-spacing:1.5px;text-transform:uppercase;color:var(--brand-primary);font-size:12px;font-weight:600}.page-header h1{background:linear-gradient(135deg, var(--text-primary) 0%, var(--brand-primary) 60%, var(--brand-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(26px,3.5vw,38px);font-weight:800}.page-header .subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:15px}.logout-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;transition:all .2s;display:flex;position:absolute;top:52px;right:24px}.logout-btn:hover{color:#ef4444;background:#ef44440d;border-color:#ef4444}.stats-bar{animation:fadeInUp .8s var(--ease-out) .2s both;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:24px;padding:8px 20px;display:flex}.stat-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .3s var(--ease-out);align-items:center;gap:12px;padding:14px 22px;display:flex}.stat-item:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.stat-value{color:var(--text-primary);font-size:20px;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.tab-nav{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:fit-content;box-shadow:var(--shadow-sm);animation:fadeInUp .8s var(--ease-out) .3s both;justify-content:center;gap:4px;margin-bottom:28px;margin-left:auto;margin-right:auto;padding:5px;display:flex}.tab-btn{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .3s var(--ease-out);white-space:nowrap;background:0 0;border:none;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:500}.tab-btn:hover{color:var(--text-primary);background:var(--bg-muted)}.tab-btn.active{color:#fff;background:var(--brand-primary);box-shadow:0 2px 8px #4f46e54d}.dept-grid{animation:fadeInUp .5s var(--ease-out);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-bottom:40px;display:grid}.dept-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .4s var(--ease-out);overflow:hidden}.dept-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.dept-card-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-muted);align-items:center;gap:14px;padding:18px 22px;display:flex}.dept-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.dept-name{color:var(--text-primary);font-size:16px;font-weight:700}.dept-count{color:var(--text-muted);margin-top:2px;font-size:12px}.dept-card-body{padding:12px 22px 18px}.emp-mini-list{list-style:none}.emp-mini-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:10px 0;transition:all .2s;display:flex}.emp-mini-item:last-child{border-bottom:none}.emp-mini-item:hover{padding-left:6px}.emp-mini-left{align-items:center;gap:10px;display:flex}.emp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.emp-mini-name{color:var(--text-primary);font-size:14px;font-weight:500}.emp-mini-role{color:var(--text-muted);font-size:11px}.emp-mini-salary{color:var(--brand-accent);white-space:nowrap;font-size:13px;font-weight:600}.table-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:fadeInUp .5s var(--ease-out);overflow:hidden}.table-header-bar{border-bottom:1px solid var(--border-subtle);background:var(--bg-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.table-title{color:var(--text-primary);font-size:15px;font-weight:700}.search-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 16px;transition:all .3s;display:flex}.search-box:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px #4f46e51a}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:200px;font-family:inherit;font-size:13px}.search-box input::placeholder{color:var(--text-muted)}.emp-table{border-collapse:collapse;width:100%}.emp-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);background:var(--bg-muted);border-bottom:1px solid var(--border-subtle);padding:11px 18px;font-size:11px;font-weight:600;position:sticky;top:0}.emp-table tbody tr{transition:all .2s}.emp-table tbody tr:hover{background:#4f46e508}.emp-table tbody td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:13px 18px;font-size:14px}.emp-table tbody tr:last-child td{border-bottom:none}.table-emp-info{align-items:center;gap:10px;display:flex}.table-emp-info .emp-avatar{width:36px;height:36px;font-size:13px}.table-emp-name{color:var(--text-primary);font-weight:600}.dept-badge{border-radius:50px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.dept-badge .badge-dot{border-radius:50%;width:6px;height:6px}.designation-text{color:var(--text-primary);font-weight:500}.salary-text{color:var(--brand-accent);font-size:14px;font-weight:600}.resp-tags{flex-wrap:wrap;gap:4px;display:flex}.resp-tag{color:var(--brand-primary);white-space:nowrap;background:#4f46e514;border:1px solid #4f46e526;border-radius:50px;padding:3px 10px;font-size:11px;font-weight:500}.resp-tag.service{color:var(--brand-accent);background:#05966914;border-color:#05966926}.org-tree{animation:fadeInUp .5s var(--ease-out);padding:30px 20px}.org-level{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:30px;display:flex;position:relative}.org-level:after{content:"";background:var(--border-medium);width:2px;height:15px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.org-level:last-child:after{display:none}.org-node{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-card);transition:all .3s var(--ease-out);min-width:180px;padding:16px 24px}.org-node:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.org-node.head{border-color:var(--border-accent);background:linear-gradient(135deg,#4f46e50f,#0596690a)}.org-node-name{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.org-node-title{color:var(--text-muted);font-size:12px}.org-node-dept{color:var(--brand-primary);margin-top:4px;font-size:11px}.ps-grid{animation:fadeInUp .5s var(--ease-out);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.ps-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .4s var(--ease-out);overflow:hidden}.ps-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.ps-card-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-muted);align-items:center;gap:12px;padding:16px 22px;display:flex}.ps-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:4px 12px;font-size:11px;font-weight:600}.ps-type-badge.product{color:var(--brand-primary);background:#4f46e51a}.ps-type-badge.service-badge{color:var(--brand-accent);background:#0596691a}.ps-card-name{color:var(--text-primary);font-size:16px;font-weight:700}.ps-card-body{padding:14px 22px 18px}.ps-member-list{list-style:none}.ps-member-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.ps-member-item:last-child{border-bottom:none}.ps-member-left{align-items:center;gap:10px;display:flex}.ps-member-name{color:var(--text-primary);font-size:14px;font-weight:500}.ps-responsibility-tag{color:#d97706;background:#d9770614;border:1px solid #d9770626;border-radius:50px;padding:3px 10px;font-size:11px;font-weight:500}.no-data{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:60px 20px}.no-data-icon{opacity:.4;margin-bottom:16px;font-size:48px}.no-data-text{color:var(--text-secondary);margin-bottom:6px;font-size:16px}.no-data-sub{font-size:13px}.page-footer{text-align:center;border-top:1px solid var(--border-subtle);margin-top:40px;padding:36px 20px}.page-footer p{color:var(--text-muted);font-size:13px}.page-footer .heart{color:#ef4444}@media (max-width:768px){.app-wrapper{padding:12px}.stats-bar{gap:8px}.stat-item{padding:10px 14px}.dept-grid,.ps-grid{grid-template-columns:1fr}.tab-nav{flex-wrap:wrap;width:calc(100% - 24px)}.emp-table{font-size:13px}.search-box input{width:140px}.table-header-bar{flex-direction:column}.logout-btn{padding:6px 12px;font-size:12px;top:48px;right:12px}.page-header{padding:44px 16px 20px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media print{.bg-effects,.tab-nav,.search-box,body:before,.logout-btn{display:none!important}body{color:#1a1a1a;background:#fff}.dept-card,.table-container,.ps-card,.org-node{box-shadow:none;background:#fff;border:1px solid #ddd}}