@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";.login-container{width:100%;min-height:100vh;display:flex}.left-panel{background-color:#0000;background-image:linear-gradient(#000000c7,#000000e0),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1500&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;width:50%;min-height:100vh;padding:50px;display:flex;position:relative}.content{color:#fff;max-width:600px}.logo{color:#d4af37;border:3px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:30px;font-size:30px;font-weight:700;animation:4s ease-in-out infinite floating;display:flex}.content h1{margin-bottom:25px;font-size:58px;line-height:70px}.content span{color:#d4af37}.content p{color:#ccc;margin-bottom:35px;font-size:18px;line-height:32px}.features{gap:35px;display:flex}.feature{text-align:center;color:#fff;font-size:20px;transition:all .35s}.feature p{margin-top:8px;font-size:15px}.feature:hover{color:#d4af37;transform:translateY(-8px)}.right-panel{background:#111;justify-content:center;align-items:center;width:50%;padding:40px;display:flex}.login-card{background:#1a1a1a;border:1px solid #d4af37;border-radius:20px;width:100%;max-width:480px;padding:45px;box-shadow:0 0 30px #d4af3726}.login-card h2{text-align:center;color:#d4af37;margin-bottom:10px;font-size:40px}.login-card>p{text-align:center;color:#aaa;margin-bottom:35px}.login-card input{color:#fff;background:#111;border:1px solid #444;border-radius:12px;width:100%;height:58px;margin-bottom:18px;padding:0 18px;font-size:16px;transition:all .3s}.login-card input:focus{border-color:#d4af37;outline:none;box-shadow:0 0 15px #d4af3759}.remember{justify-content:space-between;align-items:center;margin:15px 0 30px;display:flex}.remember label{color:#fff;align-items:center;gap:10px;display:flex}.remember input[type=checkbox]{accent-color:#d4af37;width:18px;height:18px}.remember a{color:#d4af37;text-decoration:none}.login-btn{cursor:pointer;background:linear-gradient(135deg,#b8860b,#f7d774);border:none;border-radius:12px;width:100%;height:60px;font-size:18px;font-weight:700;transition:all .35s}.login-btn:hover{transform:translateY(-4px);box-shadow:0 12px 25px #d4af3773}.divider{text-align:center;color:#777;margin:30px 0}.bottom-buttons{gap:15px;display:flex}.bottom-buttons button{color:#d4af37;background:0 0;border:1px solid #d4af37;border-radius:12px;flex:1;height:55px;transition:all .35s}.bottom-buttons button:hover{color:#111;background:#d4af37;transform:translateY(-3px)}.register{text-align:center;color:#fff;margin-top:25px}.register span{color:#d4af37;cursor:pointer}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@media (width<=992px){.login-container{flex-direction:column}.left-panel{text-align:center;width:100%;min-height:500px;padding:40px 25px}.right-panel{width:100%;padding:35px 20px}.logo{margin:0 auto 25px}.content h1{font-size:42px;line-height:55px}.features{justify-content:center}}@media (width<=600px){.left-panel{min-height:380px}.content h1{font-size:30px;line-height:40px}.content p{font-size:15px;line-height:25px}.features{flex-wrap:wrap;gap:20px}.feature{width:80px;font-size:15px}.login-card{border-radius:15px;padding:25px 18px}.login-card h2{font-size:28px}.login-card input{height:52px}.login-btn{height:55px}.bottom-buttons{flex-direction:column}.remember{flex-direction:column;align-items:flex-start;gap:15px}}@media (width<=400px){.logo{width:70px;height:70px;font-size:24px}.content h1{font-size:26px}.login-card{padding:20px 15px}}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}.user-login-container{background:linear-gradient(135deg,#000,#111,#1a1a1a);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.user-login-container:before{content:"";background:radial-gradient(circle,#c9a22755,#0000 70%);width:500px;height:500px;animation:10s linear infinite alternate moveGlow;position:absolute;top:-180px;left:-180px}.user-login-container:after{content:"";background:radial-gradient(circle,#f4d03f33,#0000 70%);width:500px;height:500px;animation:12s linear infinite alternate moveGlow2;position:absolute;bottom:-180px;right:-180px}@keyframes moveGlow{0%{transform:translate(0)}to{transform:translate(120px,80px)}}@keyframes moveGlow2{0%{transform:translate(0)}to{transform:translate(-120px,-80px)}}.user-login-card{z-index:2;background:#111;border:1px solid #c9a227;border-radius:18px;width:100%;max-width:430px;padding:40px;animation:.8s cardPop,5s ease-in-out infinite floating;position:relative;overflow:hidden;box-shadow:0 15px 45px #00000080,0 0 30px #c9a2272e}.user-login-card:before{content:"";background:linear-gradient(45deg,#0000,#c9a22740,#0000);width:220%;height:220%;animation:7s linear infinite borderRotate;position:absolute;top:-60%;left:-60%}.user-login-card>*{z-index:5;position:relative}.user-login-card h2{text-align:center;color:#c9a227;margin-bottom:10px;font-size:32px;animation:2s infinite alternate titleGlow}.user-login-card p{text-align:center;color:#ccc;margin-bottom:30px}.user-input{color:#fff;background:#1c1c1c;border:1px solid #444;border-radius:10px;outline:none;width:100%;height:52px;margin-bottom:18px;padding:0 15px;font-size:15px;transition:all .35s}.user-input::placeholder{color:#888}.user-input:hover{transform:translateY(-2px)}.user-input:focus{border-color:#c9a227;transform:scale(1.02);box-shadow:0 0 15px #c9a22759}.login-button{color:#111;cursor:pointer;background:linear-gradient(135deg,#c9a227,#f4d03f);border:none;border-radius:10px;width:100%;height:52px;font-size:16px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.login-button:before{content:"";background:#ffffff59;width:120%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.login-button:hover:before{transition:all .8s;left:130%}.login-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #c9a22773}.back-btn{color:#c9a227;cursor:pointer;background:0 0;border:1px solid #c9a227;border-radius:10px;width:100%;height:50px;margin-top:15px;font-size:15px;font-weight:600;transition:all .3s}.back-btn:hover{color:#111;background:#c9a227}@keyframes cardPop{0%{opacity:0;transform:translateY(60px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes titleGlow{0%{text-shadow:0 0 8px #c9a227}to{text-shadow:0 0 15px #f4d03f,0 0 30px #c9a227}}@media (width<=768px){.user-login-card{padding:30px 22px}.user-login-card h2{font-size:28px}}@media (width<=480px){.user-login-container{padding:15px}.user-login-card{padding:22px 16px}.user-login-card h2{font-size:24px}.user-login-card p{font-size:14px}.user-input,.login-button,.back-btn{height:46px;font-size:14px}}.loader-content{justify-content:center;align-items:center;gap:12px;display:flex}.loader{border:3px solid #111;border-color:#111 #111 #ffffff4d #ffffff4d;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-button:disabled{cursor:not-allowed;opacity:.9}.admin-login-page{background:#0d0d0d;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.admin-card{background:#181818;border:1px solid #d4af37;border-radius:18px;width:420px;padding:40px}.admin-card h1{color:#d4af37;text-align:center;margin-bottom:10px}.admin-card p{color:#bbb;text-align:center;margin-bottom:25px}.admin-card input{color:#fff;background:#111;border:none;border-radius:10px;width:100%;height:50px;margin-bottom:18px;padding:0 15px}.admin-card button{color:#111;cursor:pointer;background:#d4af37;border:none;border-radius:10px;width:100%;height:50px;font-weight:700}body{background:#0d0d0d;overflow-x:hidden}.dashboard{color:#fff;background:#0d0d0d;min-height:100vh;display:flex}.sidebar{background:#111;border-right:1px solid #d4af3740;flex-shrink:0;width:270px;min-height:100vh;padding:35px 25px}.sidebar h2{color:#d4af37;text-align:center;letter-spacing:2px;margin-bottom:45px;font-size:36px}.sidebar ul{padding:0;list-style:none}.sidebar li{cursor:pointer;color:#ddd;border-radius:12px;margin-bottom:12px;padding:15px 18px;font-size:16px;transition:all .35s}.sidebar li:hover{color:#111;background:#d4af37;transform:translate(6px)}.sidebar .active{color:#111;background:#d4af37}.main{flex:1;padding:35px;overflow:hidden}.topbar h1{font-size:38px;font-weight:700}.profile{color:#111;cursor:pointer;background:#d4af37;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-weight:700;transition:all .3s;display:flex}.profile:hover{transform:scale(1.1)}.card{background:#181818;border:1px solid #d4af3740;border-radius:18px;min-height:160px;padding:30px;transition:all .35s}.card:hover{border-color:#d4af37;transform:translateY(-8px);box-shadow:0 15px 30px #d4af371f}.card h3{color:#aaa;margin-bottom:20px;font-size:17px}@media (width<=1100px){.dashboard{flex-direction:column}.sidebar{width:100%;min-height:auto;padding:20px}.sidebar h2{margin-bottom:20px;font-size:32px}.sidebar ul{gap:12px;display:flex;overflow-x:auto}.sidebar li{white-space:nowrap;margin-bottom:0}.main{padding:25px}.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.topbar{flex-direction:column;align-items:flex-start;gap:20px}.topbar h1{font-size:28px}.cards{grid-template-columns:1fr}.card{padding:25px}.card h2{font-size:36px}.profile{width:50px;height:50px}}@media (width<=400px){.sidebar{padding:15px}.sidebar h2{font-size:26px}.sidebar li{padding:10px 14px;font-size:13px}.main{padding:15px}.topbar h1{font-size:24px}.card h3{font-size:15px}.card h2{font-size:32px}}.button-group{justify-content:space-between;align-items:center;gap:20px;margin-top:40px;display:flex}.prev-btn{color:#fff;cursor:pointer;background:#2b2b2b;border:none;border-radius:12px;width:180px;height:55px;font-size:16px;font-weight:600;transition:all .35s}.prev-btn:hover:not(:disabled){background:#444;transform:translateY(-3px)}.prev-btn:disabled{opacity:.5;cursor:not-allowed}.next-btn{color:#111;cursor:pointer;background:linear-gradient(135deg,#b8860b,#f7d774);border:none;border-radius:12px;min-width:220px;height:55px;padding:0 35px;font-size:17px;font-weight:700;transition:all .35s;box-shadow:0 8px 20px #d4af3740}.next-btn:active{transform:scale(.97)}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background:#0d0d0d}.user-dashboard{color:#fff;background:#0d0d0d;min-height:100vh;display:flex}.user-sidebar{background:#111;border-right:1px solid #d4af3733;width:260px;padding:35px 20px}.user-sidebar h2{text-align:center;color:#d4af37;margin-bottom:45px;font-size:38px}.user-sidebar ul{list-style:none}.user-sidebar li{cursor:pointer;border-radius:12px;margin-bottom:15px;padding:15px;transition:all .3s}.user-sidebar li:hover,.user-sidebar .active{color:#111;background:#d4af37}.user-main{flex:1;padding:35px}.topbar{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.topbar h1{font-size:40px}.profile{color:#111;background:#d4af37;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-weight:700;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.card{background:#181818;border:1px solid #d4af3733;border-radius:18px;padding:30px;transition:all .3s}.card:hover{border-color:#d4af37;transform:translateY(-8px)}.card h3{color:#aaa;margin-bottom:20px}.card h2{color:#d4af37;font-size:42px}.action-card{cursor:pointer}.quick-actions{margin-top:45px}.quick-actions h2{margin-bottom:25px}.quick-actions button{color:#111;cursor:pointer;background:#d4af37;border:none;border-radius:12px;width:260px;height:55px;margin-bottom:15px;font-weight:600;transition:all .3s;display:block}.quick-actions button:hover{transform:translate(8px)}@media (width<=900px){.user-dashboard{flex-direction:column}.user-sidebar{width:100%}.user-sidebar ul{gap:10px;display:flex;overflow:auto}.user-main{padding:20px}}@media (width<=600px){.topbar{flex-direction:column;align-items:flex-start;gap:20px}.topbar h1{font-size:28px}.cards{grid-template-columns:1fr}.quick-actions button{width:100%}}.add-person{color:#fff;background:#0d0d0d;flex:1;min-height:100vh;padding:35px}.page-header{margin-bottom:30px}.page-header h1{color:#d4af37;margin-bottom:8px;font-size:36px}.page-header p{color:#999}.employee-form{background:#181818;border:1px solid #d4af3740;border-radius:18px;padding:30px;box-shadow:0 15px 35px #00000059}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#d4af37;margin-bottom:8px;font-size:15px}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#111;border:1px solid #444;border-radius:10px;width:100%;padding:14px;font-size:15px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d4af37;outline:none}.full{margin-top:20px}.save-btn{color:#111;cursor:pointer;background:#d4af37;border:none;border-radius:10px;width:220px;height:52px;margin-top:30px;font-size:17px;font-weight:600;transition:all .3s}@media (width<=768px){.form-grid{grid-template-columns:1fr}.save-btn{width:100%}}.progress-section{margin-bottom:30px}.progress-text{color:#d4af37;margin-bottom:12px;font-size:16px;font-weight:600}.progress-bar{background:#222;border-radius:30px;width:100%;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#b8860b,#f6d365);height:100%;transition:all .4s}.button-group{justify-content:space-between;gap:15px;margin-top:35px;display:flex}.prev-btn,.next-btn{cursor:pointer;border:none;border-radius:10px;flex:1;height:55px;font-size:16px;font-weight:600;transition:all .3s}.prev-btn{color:#fff;background:#333}.prev-btn:hover{background:#444}.next-btn{color:#111;background:#d4af37}.next-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #d4af3759}.upload-section{margin-top:35px}.upload-section label{color:#d4af37;margin-bottom:15px;font-weight:600;display:block}.upload-box{cursor:pointer;background:#181818;border:2px dashed #d4af37;border-radius:18px;justify-content:center;align-items:center;width:220px;height:220px;transition:all .3s;display:flex;position:relative;overflow:hidden}.upload-box:hover{background:#202020}.upload-box input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.preview-image{object-fit:cover;width:100%;height:100%}.upload-placeholder{text-align:center;color:#999}.upload-placeholder h2{margin-bottom:12px;font-size:55px}.document-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-top:30px;display:grid}.upload-box{background:#151515;border:2px dashed #d4af37;border-radius:16px;padding:25px;transition:all .35s}.upload-box:hover{border-color:#ffd95e;transform:translateY(-6px)}.upload-area{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.upload-icon{margin-bottom:18px;font-size:55px}.upload-area h3{color:#fff;margin-bottom:10px}.upload-area p{color:#9f9f9f;font-size:15px}.review-card{background:#181818;border:1px solid #d4af374d;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;padding:30px;display:grid}.review-item{background:#111;border:1px solid #ffffff14;border-radius:12px;padding:18px}.review-item span{color:#d4af37;margin-bottom:8px;font-size:14px;display:block}.review-item strong{color:#fff;word-break:break-word;font-size:17px;font-weight:600}.full-width{grid-column:1/-1}.success-box{text-align:center;background:#181818;border:1px solid #d4af374d;border-radius:20px;width:100%;max-width:900px;margin:40px auto;padding:40px;box-shadow:0 15px 35px #00000059}.success-icon{color:#111;background:#d4af37;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;font-size:45px;font-weight:700;display:flex}.success-box h2{color:#d4af37;margin-bottom:15px;font-size:36px}.success-box p{color:#bdbdbd;max-width:700px;margin:0 auto 35px;font-size:17px;line-height:1.7}.summary{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;display:grid}.summary div{color:#fff;text-align:left;background:#101010;border:1px solid #ffffff14;border-radius:14px;padding:20px}.summary strong{color:#d4af37}.save-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.save-btn,.reset-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;width:220px;height:58px;font-size:18px;font-weight:600;transition:all .35s;display:flex}.save-btn{color:#111;background:#d4af37}.save-btn:hover{transform:translateY(-5px);box-shadow:0 12px 25px #d4af3759}.reset-btn{color:#fff;background:#333}.reset-btn:hover{background:#444;transform:translateY(-5px)}@media (width<=992px){.summary{grid-template-columns:1fr}.success-box{padding:30px}}@media (width<=768px){.success-box{padding:25px 18px}.success-icon{width:70px;height:70px;font-size:35px}.success-box h2{font-size:28px}.success-box p{font-size:15px}.save-buttons{flex-direction:column}.save-btn,.reset-btn{width:100%}}.company-selection{background:#181818;border:1px solid #c9a227;border-radius:20px;width:100%;margin-top:20px;padding:40px}.company-selection h2{text-align:center;color:#e4b72f;margin-bottom:12px;font-size:34px}.company-selection p{text-align:center;color:#cfcfcf;margin-bottom:35px;font-size:18px}.company-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.company-card{text-align:center;cursor:pointer;background:#222;border:2px solid #0000;border-radius:18px;padding:35px 25px;transition:all .35s}.company-card:hover{border-color:#e4b72f;transform:translateY(-8px);box-shadow:0 15px 35px #e4b72f40}.active-company{background:#2b2410;border-color:#e4b72f;box-shadow:0 0 25px #e4b72f59}.company-icon{margin-bottom:18px;font-size:60px}.company-card h3{color:#fff;margin-bottom:10px;font-size:28px}.company-card span{color:#bbb;font-size:18px}@media (width<=992px){.company-selection{padding:30px}.company-selection h2{font-size:28px}.company-grid{grid-template-columns:1fr;gap:20px}.company-card{padding:28px 20px}.company-icon{font-size:52px}.company-card h3{font-size:24px}}@media (width<=768px){.company-selection{border-radius:15px;padding:20px}.company-selection h2{font-size:24px}.company-selection p{font-size:15px}.company-card{padding:22px 15px}.company-icon{font-size:45px}.company-card h3{font-size:20px}.company-card span{font-size:15px}}@media (width<=480px){.company-selection{padding:15px}.company-selection h2{font-size:22px}.company-selection p{font-size:14px}.company-card{padding:18px 12px}.company-icon{font-size:38px}.company-card h3{font-size:18px}.company-card span{font-size:14px}}.employees-page{color:#fff;background:#0d0d0d;flex:1;min-height:100vh;padding:35px}.employee-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.employee-header h1{color:#d4af37;font-size:38px;font-weight:700}.employee-header p{color:#9a9a9a;margin-top:6px}.search-box{margin-bottom:30px}.search-box input{color:#fff;background:#181818;border:1px solid #d4af3740;border-radius:12px;width:100%;height:55px;padding:0 20px;font-size:16px}.search-box input:focus{border-color:#d4af37;outline:none}.table-box{background:#181818;border:1px solid #d4af3733;border-radius:18px;overflow:hidden;box-shadow:0 15px 35px #00000059}table{border-collapse:collapse;width:100%}thead{background:#d4af37}thead th{color:#111;text-align:left;padding:18px;font-size:15px}tbody tr{transition:all .3s}tbody tr:hover{background:#222}tbody td{color:#ddd;border-bottom:1px solid #2d2d2d;padding:18px}.emp-img{object-fit:cover;border:2px solid #d4af37;border-radius:50%;width:55px;height:55px}.status{border-radius:30px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-block}.active{color:#6eff97;background:#1d4d2e}.pending{color:#ffd86b;background:#5c3d08}.inactive{color:#ff7b7b;background:#551616}.action-btn{cursor:pointer;border:none;border-radius:8px;margin-right:8px;padding:9px 16px;font-weight:600;transition:all .3s}.edit{color:#fff;background:#0f6efd}.delete{color:#fff;background:#dc3545}.action-btn:hover{transform:scale(1.08)}@media (width<=992px){.table-box{overflow:auto}table{min-width:900px}}@media (width<=768px){.employee-header{flex-direction:column;align-items:flex-start}.employee-header h1{font-size:30px}}.employee-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:30px;display:grid}.employee-card{background:#181818;border:1px solid #d4af3740;border-radius:20px;padding:25px;transition:all .35s;box-shadow:0 15px 35px #00000059}.employee-card:hover{border-color:#d4af37;transform:translateY(-10px);box-shadow:0 20px 40px #d4af3740}.management{border-left:5px solid #d4af37}.corporate{border-left:5px solid #0d6efd}.employee-image{object-fit:cover;border:3px solid #d4af37;border-radius:50%;width:100px;height:100px;margin:0 auto 20px;display:block}.employee-card h2{text-align:center;color:#fff;margin-bottom:8px}.employee-card h4{text-align:center;color:#d4af37;margin-bottom:20px}.skills{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.profile-btn{color:#111;cursor:pointer;background:linear-gradient(135deg,#b8860b,#f6d365);border:none;border-radius:12px;width:100%;padding:14px;font-weight:700;transition:all .3s}.profile-btn:hover{transform:translateY(-3px)}.employee-form h2{color:#d4af37;text-align:center;margin-bottom:25px;font-size:24px}.employee-form form{flex-direction:column;gap:15px;display:flex}.employee-form input{color:#fff;background:#1f2937;border:1px solid #374151;border-radius:12px;outline:none;width:100%;height:50px;padding:0 15px;font-size:15px;transition:all .3s}.employee-form input::placeholder{color:#9ca3af}.employee-form input:focus{border-color:#d4af37;box-shadow:0 0 10px #d4af374d}.employee-form button{color:#111;cursor:pointer;background:linear-gradient(135deg,#d4af37,#f5d76e);border:none;border-radius:12px;height:50px;font-size:16px;font-weight:700;transition:all .3s}.employee-form button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #d4af3759}.add-btn{color:#111;cursor:pointer;background:linear-gradient(135deg,#d4af37,#f5d76e);border:none;border-radius:12px;padding:14px 25px;font-size:15px;font-weight:700;transition:all .3s}.add-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #d4af3759}@media (width<=768px){.employee-header{flex-direction:column;align-items:flex-start;gap:20px}.employee-form{padding:20px}.add-btn{width:100%}}.card-buttons{gap:10px;display:flex}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;flex:1}.employee-section-title{color:#d4af37;margin:30px 0 15px}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;width:100%;height:40px;margin-top:15px;font-weight:700}.cancel-btn{color:#fff!important;background:#374151!important}.form-buttons{gap:10px;display:flex}.employee-form select{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:12px;outline:none;width:100%;height:50px;margin-bottom:15px;padding:0 15px;font-size:15px}.employee-form select:focus{border-color:#d4af37}.employee-form input[type=file]{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:12px;width:100%;height:50px;margin-top:10px;padding:10px}.employee-form input[type=file]::file-selector-button{color:#111827;cursor:pointer;background:#d4af37;border:none;border-radius:8px;margin-right:10px;padding:8px 15px;font-weight:700}.employee-form label{color:#fff;margin-top:10px;margin-bottom:5px;font-weight:600;display:block}.form-buttons{gap:12px;margin-top:20px;display:flex}.form-buttons button{cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-weight:700}.form-buttons .cancel-btn{color:#fff!important;background:#374151!important}.form-buttons button:hover{transform:translateY(-2px)}.management-page{background:#0f172a;min-height:100vh;padding:30px}.management-header{margin-bottom:30px}.management-header h1{color:#d4af37;font-size:32px}.management-header p{color:#d1d5db}.employee-card:hover{transform:translateY(-5px)}.employee-image{object-fit:cover;border-radius:50%;width:120px;height:120px;margin:0 auto 15px;display:block}.no-image{color:#fff;background:#374151;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 15px;display:flex}.skills{flex-wrap:wrap;justify-content:center;gap:8px;margin:15px 0;display:flex}.skills span{color:#111;background:#d4af37;border-radius:20px;padding:5px 12px;font-size:13px}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;width:100%;height:45px;margin-top:15px}.employee-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;display:grid}.employee-card{text-align:center;background:#171717;border:1px solid #d4af37;border-radius:18px;padding:25px;transition:all .3s}.employee-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #d4af374d}.employee-image{object-fit:cover;border:4px solid #d4af37;border-radius:50%;width:130px;height:130px;margin-bottom:20px}.employee-card h2{color:#f4c430}.employee-card h4{color:#ddd;margin:10px 0}.employee-card p{color:#bbb;margin:6px 0}.delete-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:8px;width:100%;margin-top:15px;padding:12px}.delete-btn:hover{background:#b02a37}.profile-page{background:#050505;justify-content:center;align-items:center;min-height:100vh;display:flex}.profile-card{text-align:center;color:#fff;background:#111;border-radius:20px;width:350px;padding:35px;box-shadow:0 0 25px #d4af37}.profile-avatar{background:#d4af37;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto;font-size:45px;display:flex}.profile-card h1{color:#d4af37;margin-top:20px}.profile-card h3{color:#fff}.profile-details{text-align:left;margin-top:25px}.profile-details p{border-bottom:1px solid #333;padding:8px 0}.tree-page{color:#fff;text-align:center;background:#080808;min-height:100vh;padding:40px}.tree-page h1{color:#d4af37;margin-bottom:40px}.tree-container{justify-content:center;display:flex}.tree-node{flex-direction:column;align-items:center;display:flex}.user-box{cursor:pointer;background:#111;border:2px solid #d4af37;border-radius:15px;width:180px;padding:20px;transition:all .3s;box-shadow:0 0 15px #d4af374d}.user-box:hover{background:#1b1b1b;transform:translateY(-8px)}.user-icon{font-size:40px}.user-box h3{color:#d4af37;margin:10px 0}.user-box p{color:#ddd}.children{gap:80px;margin-top:50px;display:flex;position:relative}.children:before{content:"";background:#d4af37;width:2px;height:40px;position:absolute;top:-40px;left:50%}.profile-popup{background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-card{background:#111;border:2px solid #d4af37;border-radius:20px;width:350px;padding:35px;position:relative}.popup-card h2{color:#d4af37}.popup-avatar{font-size:60px}.close{cursor:pointer;color:#d4af37;font-size:20px;position:absolute;top:15px;right:20px}.popup-card button{cursor:pointer;background:#d4af37;border:none;border-radius:10px;margin-top:15px;padding:10px 25px;font-weight:700}.register-page{background:#050505;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.register-card{background:#111;border:1px solid #d4af37;border-radius:18px;width:420px;padding:40px;box-shadow:0 0 25px #d4af374d}.register-card h1{color:#d4af37;text-align:center;margin-bottom:10px}.register-card p{text-align:center;color:#aaa;margin-bottom:25px}.register-card input,.register-card select{color:#fff;background:#1c1c1c;border:none;border-radius:10px;width:100%;margin-bottom:18px;padding:14px;font-size:15px}.register-card input:focus,.register-card select:focus{outline:2px solid #d4af37}.register-card button{color:#000;cursor:pointer;background:#d4af37;border:none;border-radius:10px;width:100%;padding:15px;font-size:16px;font-weight:700;transition:all .3s}.register-card button:hover{transform:translateY(-3px)}.login-link{text-align:center;margin-top:20px}.login-link span{color:#d4af37;cursor:pointer;margin-left:6px;font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f4f7fc;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}ul{list-style:none}button{cursor:pointer}img{max-width:100%}