@import"https://fonts.googleapis.com/css2?family=Roboto:wght@700&family=Jersey+25&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #fff;--bg-secondary: #f8faff;--bg-card: #fff;--text: #000;--text-muted: #999;--text-secondary: #444;--border: rgba(0, 47, 167, .1);--border-strong: rgba(0, 47, 167, .15);--header-bg: rgba(255, 255, 255, .95);--modal-overlay: rgba(255, 255, 255, .98);--accent: #002FA7;--shadow: rgba(0, 47, 167, .12);--input-bg: #f8faff;--input-color: #000}.dark{--bg: #111111;--bg-secondary: #1a1a1a;--bg-card: #1a1a1a;--text: #ffffff;--text-muted: #888;--text-secondary: #bbb;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--header-bg: rgba(17, 17, 17, .95);--modal-overlay: rgba(17, 17, 17, .98);--accent: #4d7fff;--shadow: rgba(0, 0, 0, .4);--input-bg: #222;--input-color: #fff}html,body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:Roboto,sans-serif;width:100vw;height:100vh}.tangerine-text{font-family:"Jersey 25",cursive!important}.directory-dashboard{display:flex;flex-direction:column;width:100vw;height:100vh;background:var(--bg)}.grid-wrapper{flex:1;width:100%;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;transform:translateZ(0);contain:layout size}.search-container input{color:var(--input-color)!important;background:var(--input-bg)!important;-webkit-text-fill-color:var(--input-color)!important}header{position:fixed;top:0;left:0;right:0;height:100px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;z-index:5000;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .5s cubic-bezier(.19,1,.22,1)}.header-scrolled{height:80px;box-shadow:0 10px 30px var(--shadow)}.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.header-left{transition:all .4s ease;flex-shrink:0}.header-fade{opacity:0;transform:translate(-20px);pointer-events:none}.user-greeting{font-size:1.4rem;line-height:1;color:var(--text);font-family:"Jersey 25",cursive!important}.header-search{flex:0 1 300px;margin:0 20px;transition:all .6s cubic-bezier(.19,1,.22,1)}.search-expanded{flex:1;max-width:600px}.search-container{position:relative;width:100%}.search-container input{width:100%;padding:12px 24px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);outline:none;transition:all .3s ease;box-sizing:border-box}.search-container input:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 4px #002fa70d}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--accent);cursor:pointer;font-size:1.1rem;opacity:.5;transition:.2s}.header-right{display:flex;gap:10px;align-items:center}.roboto-btn{background:none;border:1px solid var(--accent);font-family:Roboto,sans-serif!important;font-size:.7rem;font-weight:700;letter-spacing:1.5px;padding:10px 16px;border-radius:8px;cursor:pointer;text-transform:uppercase;color:var(--accent);transition:all .2s ease-in-out}.active-toggle{background:var(--accent)!important;color:#fff!important;box-shadow:0 4px 15px var(--shadow)}.roboto-btn:active{transform:translateY(2px)}.sort-toggle-btn{display:flex;gap:8px;min-width:140px;justify-content:center}.toggle-inactive{opacity:.3;font-weight:400}.toggle-separator{opacity:.2}.logout-square{border-color:transparent;color:var(--text-muted);font-size:.6rem}.logout-square:hover{background:#fff1f1!important;color:#f44!important;border-color:#f44!important}.employee-grid{position:relative;width:100%;height:calc(100vh - 100px);box-sizing:border-box;overflow:visible}.sorted-view{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:12px;padding:140px 60px;height:auto;min-height:calc(100vh - 100px)}.sorted-view .employee-card.bubble{position:relative!important;left:auto!important;top:auto!important}.media-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.employee-card.bubble{position:relative;aspect-ratio:1/1;cursor:pointer;will-change:transform;transform:translateZ(0);backface-visibility:visible;overflow:visible;animation:card-entry .6s cubic-bezier(.175,.885,.32,1.275) both,float-bubble 10s ease-in-out infinite;animation-delay:var(--entry-delay, 0ms),calc(var(--entry-delay, 0ms) + .6s);transition:.4s}.employee-card.bubble img,.freeze-canvas{width:100%;height:100%;object-fit:contain}.freeze-canvas{position:absolute;top:0;left:0;z-index:2;pointer-events:none}.hidden-gif{visibility:hidden}.bubble-name{position:absolute;top:88%;left:50%;transform:translate(-50%);margin-top:4px;font-family:"Jersey 25",cursive!important;font-size:1.2rem;color:var(--accent);white-space:nowrap;pointer-events:none;opacity:0;will-change:opacity,transform;transition:opacity .3s ease,transform .3s ease;z-index:10}.employee-card.bubble:hover .bubble-name{opacity:1;transform:translate(-50%) translateY(-4px)}.force-show .bubble-name,.bubble-name.force-show{opacity:1;transform:translate(-50%)}.cloud-frozen .employee-card.bubble{animation-play-state:paused!important}.bloom-in{animation:bloomEffect .8s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;transform:scale(.5)}@keyframes bloomEffect{to{opacity:1;transform:scale(1)}}@keyframes card-entry{0%{opacity:0;transform:translateZ(0) scale(.3)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes float-bubble{0%,to{transform:translateZ(0) translate(0)}33%{transform:translateZ(0) translate(15px,-10px)}66%{transform:translateZ(0) translate(-10px,-25px)}}.modal-overlay{position:fixed;inset:0;z-index:9000;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);will-change:opacity;transform:translateZ(0)}.modal-card{background:var(--bg-card);border-radius:16px;box-shadow:0 40px 100px var(--shadow);width:90%;max-width:900px;overflow:hidden}.modal-content{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.modal-media{background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;padding:40px}.modal-media img{width:100%;max-width:320px;height:auto;object-fit:contain}.modal-info{padding:50px;display:flex;flex-direction:column;justify-content:center;gap:16px}.modal-info h2{font-size:3rem;line-height:1;margin:0;color:var(--text);font-family:"Jersey 25",cursive!important}.modal-desc{font-size:1rem;line-height:1.3;margin:0;color:var(--text-secondary);font-family:"Jersey 25",cursive!important}.modal-meta{display:flex;align-items:center;gap:8px;font-size:.6rem;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase}.dot{opacity:.6}.modal-close-btn{align-self:flex-start;margin-top:24px;background:transparent!important;color:var(--accent)!important;box-shadow:none!important;border:1px solid var(--accent)!important}.img-placeholder{width:100%;height:100%;background:transparent}.login-screen{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg)}.login-screen h1{font-size:6rem;margin-bottom:24px}.login-btn{font-size:.75rem!important;padding:14px 32px!important}.admin-panel{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg);padding:40px;box-sizing:border-box}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.admin-title{font-size:4rem;line-height:1;margin:0;font-family:"Jersey 25",cursive!important}.admin-header-actions{display:flex;gap:10px;align-items:center}.admin-search{padding:10px 16px;border:1px solid var(--border-strong);border-radius:8px;font-family:Roboto,sans-serif;font-size:.75rem;outline:none;width:220px;background:var(--input-bg);color:var(--input-color)}.admin-search:focus{border-color:var(--accent);box-shadow:0 0 0 4px #002fa70d}.admin-table-wrap{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:8px}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{background:var(--bg-secondary);padding:12px 16px;text-align:left;font-size:.65rem;letter-spacing:1.5px;color:var(--accent);border-bottom:1px solid var(--border)}.admin-table td{padding:10px 16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-secondary)}.admin-thumb{width:48px;height:48px;object-fit:cover;border-radius:50%}.admin-actions{display:flex;gap:8px}.admin-date{color:var(--text-muted);font-size:.78rem;white-space:nowrap}.admin-delete-btn{border-color:#f44!important;color:#f44!important}.admin-delete-btn:hover{background:#fff1f1!important}.admin-edit-card{position:relative;background:var(--bg-card);border-radius:12px;padding:40px;width:90%;max-width:680px;box-shadow:0 30px 80px var(--shadow)}.admin-edit-title{font-size:3rem;margin:0 0 24px;font-family:"Jersey 25",cursive!important}.admin-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-field{display:flex;flex-direction:column;gap:6px;font-size:.65rem;letter-spacing:1.5px;color:var(--accent);font-weight:700}.admin-field input,.admin-field textarea{padding:10px 14px;border:1px solid var(--border-strong);border-radius:8px;font-family:Roboto,sans-serif;font-size:.85rem;color:var(--input-color);background:var(--input-bg);outline:none;resize:vertical}.admin-field input:focus,.admin-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #002fa70d}.admin-field-full{grid-column:1 / -1}.admin-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.close-x{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-muted);transition:.2s}.close-x:hover{color:var(--text)}.gif-upload-field{display:flex;flex-direction:column;gap:10px}.gif-preview{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.gif-upload-label{display:inline-block;padding:10px 16px;border:1px dashed var(--accent);border-radius:8px;font-size:.75rem;color:var(--accent);cursor:pointer;text-align:center;transition:.2s}.gif-upload-label:hover{background:var(--bg-secondary)}.upload-error{color:#f44;font-size:.75rem;margin:0}.admin-bg-section{margin-bottom:24px;padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary)}.admin-bg-title{font-size:2rem;margin:0 0 12px;font-family:"Jersey 25",cursive!important}.admin-bg-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.admin-bg-preview{width:120px;height:68px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.confirm-card{background:var(--bg-card);border-radius:12px;padding:32px 40px;box-shadow:0 30px 80px var(--shadow);text-align:center;color:var(--text)}@media(max-width:768px){header{height:70px;padding:0 16px;gap:8px}.header-scrolled{height:60px}.user-greeting{font-size:1.6rem}.header-search{flex:1;margin:0 8px;min-width:0}.search-container input{padding:8px 12px;font-size:.85rem}.mobile-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;padding:86px 16px 24px!important;height:auto!important;position:relative!important;min-height:unset!important;align-content:start!important}.mobile-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;animation:none!important}.mobile-card .bloom-in{animation:none!important;opacity:1!important;transform:none!important}.mobile-card .bubble-name{opacity:1!important;transform:translate(-50%)!important;font-size:1rem!important}.modal-content-mobile{grid-template-columns:1fr!important}.modal-card-mobile{width:95%!important;max-height:90vh;overflow-y:auto;border-radius:12px}.modal-info{padding:24px!important}.modal-info h2{font-size:3rem!important}.modal-desc{font-size:1.8rem!important}.admin-panel{padding:16px}.admin-header{flex-direction:column;align-items:flex-start}.admin-header-actions{flex-wrap:wrap;width:100%}.admin-search{width:100%;box-sizing:border-box}.admin-table th:nth-child(4),.admin-table td:nth-child(4),.admin-table th:nth-child(5),.admin-table td:nth-child(5){display:none}.login-screen h1{font-size:4rem}}