body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--grid-4:4px;--grid-40:40px;--grid-48:48px;--safe-top:24px;--safe-bottom:34px;--type-xs:clamp(10px,2vw,12px);--type-sm:clamp(12px,2.5vw,14px);--type-caption:clamp(12px,2.5vw,14px);--type-body:clamp(14px,3.5vw,18px);--type-lg:clamp(16px,4vw,20px);--type-xl:clamp(18px,4.5vw,24px);--type-title:clamp(20px,5vw,28px);--type-2xl:clamp(22px,5.5vw,30px);--type-3xl:clamp(24px,6vw,32px);--type-display:clamp(24px,6vw,34px);--type-4xl:clamp(28px,7vw,40px);--line-caption:1.33;--line-body:1.47;--line-title:1.27;--line-display:1.21;--elevation-0:none;--elevation-1:0 4px 12px #00000026;--elevation-2:0 8px 20px #0003;--elevation-3:0 12px 24px #00000040;--elevation-4:0 16px 32px #0000004d;--elevation-5:0 24px 48px #00000059;--elevation-inner:inset 0 2px 4px #0000001a;--ease-page:cubic-bezier(0.2,0.8,0.2,1);--ease-modal:cubic-bezier(0.33,1,0.68,1);--btn-radius:clamp(16px,4vw,24px);--pill-radius:9999px;--card-radius:clamp(12px,3vw,20px);--card-radius-mobile:12px;--card-radius-desktop:16px;--bg-surface:#f7f7f7;--bg-primary:#fff;--bg-secondary:#f9f9f9;--glass-bg:#ecececcc;--glass-bg-strong:#f9f9f9e6;--glass-border:#d1d5db99;--primary:#06c;--primary-dark:#005bb5;--primary-light:#007bff;--primary-gradient:linear-gradient(135deg,#06c,#005bb5);--accent:#b8c0d4;--accent-gradient:linear-gradient(135deg,#b8c0d4,#9ca3af);--success:#10b981;--success-gradient:linear-gradient(135deg,#10b981,#059669);--warning:#f59e0b;--error:#dc2626;--border-blue:#06c;--border-green:#10b981;--border-purple:#7c3aed;--border-orange:#ea580c;--border-pink:#db2777;--border-teal:#0d9488;--border-indigo:#4f46e5;--border-red:#dc2626;--text-primary:#333;--text-secondary:#757575;--text-muted:#b0b0b0;--text-on-primary:#fff}[data-theme=dark]{--bg-surface:#0f0f0f;--bg-primary:#1a1a1a;--bg-secondary:#262626;--glass-bg:#2a2a2acc;--glass-bg-strong:#404040e6;--glass-border:#7373734d;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#737373;--text-on-primary:#000;--elevation-1:0 4px 12px #0006;--elevation-2:0 8px 20px #00000080;--elevation-3:0 12px 24px #0009;--elevation-4:0 16px 32px #000000b3;--elevation-5:0 24px 48px #000c;--elevation-inner:inset 0 2px 4px #0000004d;--glass-border:#ffffff1a}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7f7;background:var(--bg-surface);color:#333;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.47;line-height:var(--line-body);min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.text-display,h1{font-size:clamp(24px,6vw,34px);font-size:var(--type-display);font-weight:700;line-height:1.21;line-height:var(--line-display)}.text-title,h2{font-size:clamp(20px,5vw,28px);font-size:var(--type-title);font-weight:700;line-height:1.27;line-height:var(--line-title)}.text-subtitle,h3{font-weight:600}.text-body,.text-subtitle,h3,p{font-size:clamp(14px,3.5vw,18px);font-size:var(--type-body);line-height:1.47;line-height:var(--line-body)}.text-body,p{font-weight:400}.text-caption{font-size:clamp(12px,2.5vw,14px);font-size:var(--type-caption);font-weight:500;line-height:1.33;line-height:var(--line-caption)}.btn{align-items:center;border:none;border-radius:clamp(16px,4vw,24px);border-radius:var(--btn-radius);cursor:pointer;display:inline-flex;font-size:clamp(14px,3.5vw,18px);font-size:var(--type-body);font-weight:500;gap:8px;gap:var(--grid-8);justify-content:center;max-width:18ch;overflow:hidden;position:relative;text-decoration:none;text-overflow:ellipsis;transition:all .3s cubic-bezier(.33,1,.68,1);transition:all .3s var(--ease-modal);white-space:nowrap}.btn,.btn-pill{min-height:44px;min-width:44px;padding:16px 24px;padding:var(--grid-16) var(--grid-24)}.btn-pill{border-radius:9999px;border-radius:var(--pill-radius)}.btn-pill.btn-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ecececcc;background:var(--glass-bg);border:1px solid #d1d5db99;border:1px solid var(--glass-border);color:#333;color:var(--text-primary)}.btn-pill.btn-glass:hover{background:#f9f9f9e6;background:var(--glass-bg-strong);box-shadow:0 8px 20px #0003;box-shadow:var(--elevation-2);transform:translateY(-2px)}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.btn-pill.btn-glass{background:#f9f9f9;background:var(--bg-secondary)}}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,#06c,#005bb5);border:2px solid #0000;box-shadow:0 4px 12px #00000026;box-shadow:var(--elevation-1);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e3a8a);box-shadow:0 8px 20px #0003}.btn-secondary{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f9f9f9e6;background:var(--glass-bg-strong);border:2px solid #06c;border:2px solid var(--primary);color:#333}.btn-secondary:hover{background:#06c;background:var(--primary);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.form-group{margin-bottom:24px}.form-group input,.form-group select,.form-group textarea{background:#ecececcc;border:2px solid #d1d5db99;border-radius:clamp(16px,4vw,24px);color:#333;font-size:clamp(14px,3.5vw,18px);transition:all .3s cubic-bezier(.33,1,.68,1)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06c}.form-group label{color:#333;font-size:clamp(14px,3.5vw,18px);margin-bottom:8px}.card{background:#fff;background:var(--bg-primary);border:1px solid #d1d5db99;border-left:4px solid #06c;border:1px solid var(--glass-border);border-left:4px solid var(--border-blue);border-radius:16px;border-radius:var(--card-radius-desktop);box-shadow:0 4px 12px #00000026;box-shadow:var(--elevation-1);margin-bottom:32px;margin-bottom:var(--grid-32);overflow:hidden;padding:24px;padding:var(--grid-24);position:relative;transition:all .3s cubic-bezier(.33,1,.68,1);transition:all .3s var(--ease-modal)}@media (max-width:767px){.card{border-radius:12px;border-radius:var(--card-radius-mobile);padding:16px;padding:var(--grid-16)}}.card-elevated{box-shadow:0 8px 20px #0003;box-shadow:var(--elevation-2)}.card-glass{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ecececcc;background:var(--glass-bg);border:1px solid #d1d5db99;border:1px solid var(--glass-border)}@supports not ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-glass{background:#f9f9f9;background:var(--bg-secondary)}}.card:before{background:linear-gradient(90deg,#0000,#1e40af4d,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.card:hover{background:#f9f9f9e6;background:var(--glass-bg-strong);border:1px solid #1e40af33;border-left:4px solid #06c;border-left:4px solid var(--border-blue);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.card:hover:before{opacity:1}.card.card-green{border-left-color:#10b981;border-left-color:var(--border-green)}.card.card-purple{border-left-color:#7c3aed;border-left-color:var(--border-purple)}.card.card-orange{border-left-color:#ea580c;border-left-color:var(--border-orange)}.card.card-pink{border-left-color:#db2777;border-left-color:var(--border-pink)}.card.card-teal{border-left-color:#0d9488;border-left-color:var(--border-teal)}.card.card-indigo{border-left-color:#4f46e5;border-left-color:var(--border-indigo)}.card.card-red{border-left-color:#dc2626;border-left-color:var(--border-red)}.card.card-green:hover{border-left-color:#10b981;border-left-color:var(--border-green)}.card.card-purple:hover{border-left-color:#7c3aed;border-left-color:var(--border-purple)}.card.card-orange:hover{border-left-color:#ea580c;border-left-color:var(--border-orange)}.card.card-pink:hover{border-left-color:#db2777;border-left-color:var(--border-pink)}.card.card-teal:hover{border-left-color:#0d9488;border-left-color:var(--border-teal)}.card.card-indigo:hover{border-left-color:#4f46e5;border-left-color:var(--border-indigo)}.card.card-red:hover{border-left-color:#dc2626;border-left-color:var(--border-red)}.grid{grid-gap:16px;grid-gap:var(--grid-16);display:grid;gap:16px;gap:var(--grid-16)}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #667eea33;border-radius:50%;border-top-color:#06c;border-top:2px solid var(--primary);height:20px;width:20px}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.btn{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-primary-action{bottom:34px;bottom:var(--safe-bottom);left:16px;left:var(--grid-16);margin:0;max-width:none;position:fixed;right:16px;right:var(--grid-16);z-index:100}}@media (min-width:640px){.grid-responsive-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-responsive-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-responsive-4{grid-template-columns:repeat(4,1fr)}}.bulk-upload-container,.create-employee-container,.employee-page-header,.professional-dashboard{max-width:100%;padding:0 16px;padding:0 var(--grid-16);width:100%}@media (max-width:768px){.btn-primary-action,.submit-btn,.upload-btn,.verify-btn{bottom:34px;bottom:var(--safe-bottom);left:16px;left:var(--grid-16);margin:16px 0;margin:var(--grid-16) 0;max-width:none;position:-webkit-sticky;position:sticky;right:16px;right:var(--grid-16);width:calc(100% - 32px);width:calc(100% - var(--grid-32));z-index:100}}@media (max-width:480px){.action-grid,.details-grid,.employee-grid,.function-grid,.stats-grid{gap:8px;gap:var(--grid-8);grid-template-columns:1fr!important}.action-card,.card,.employee-card-simple,.stat-card{padding:16px;padding:var(--grid-16)}}.action-card,.btn,.employee-card-simple,.nav-links a,.stat-card{min-height:44px;min-width:44px}@media (max-width:768px){.navbar{padding:8px 16px;padding:var(--grid-8) var(--grid-16)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus-visible,.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:3px solid #06c;outline:3px solid var(--primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-contrast:high){:root{--glass-border:#000;--text-primary:#000}.btn,.card,.form-group input,.form-group select,.form-group textarea{border:3px solid #333;border:3px solid var(--text-primary)}}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--glass-border);box-shadow:var(--elevation-1);justify-content:space-between;left:0;padding:var(--grid-16);position:fixed;right:0;top:0;transition:all .3s var(--ease-modal);z-index:1000}.nav-controls,.navbar{align-items:center;display:flex}.nav-controls{gap:var(--grid-8)}.nav-controls .theme-toggle{height:44px;min-height:44px;min-width:44px;width:44px}@media (min-width:768px){.nav-controls .theme-toggle{order:2}}.nav-brand{align-items:center;display:flex;font-size:var(--type-title);font-weight:700;gap:var(--grid-8);transition:all .3s var(--ease-modal)}.nav-brand,.nav-brand:hover{color:var(--primary);text-decoration:none}.nav-brand:hover{transform:scale(1.05)}.nav-brand:before{content:"🏢";font-size:var(--type-display)}.nav-links{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);display:none;gap:0;overflow:hidden;padding:var(--grid-4);position:relative}.nav-links,.nav-links:before{border-radius:var(--pill-radius)}.nav-links:before{background:var(--primary-gradient);bottom:var(--grid-4);content:"";left:0;left:var(--active-left,0);position:absolute;top:var(--grid-4);transition:all .4s var(--ease-modal);width:20%;width:var(--active-width,20%);z-index:0}.nav-links a{align-items:center;background:#0000;border:none;border-radius:var(--pill-radius);color:var(--text-primary);display:flex;font-size:var(--type-caption);font-weight:600;justify-content:center;min-height:44px;min-width:120px;padding:var(--grid-12) var(--grid-24);position:relative;text-decoration:none;transition:all .3s var(--ease-modal);white-space:nowrap;z-index:1}.nav-links a.active{color:var(--text-on-primary)}.nav-links a:hover{color:var(--primary);text-decoration:none}.nav-links a.active:hover{color:var(--text-on-primary)}.logout-button{align-items:center;background:#0000;border:none;border-radius:var(--pill-radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--type-caption);font-weight:600;justify-content:center;min-height:44px;min-width:120px;padding:var(--grid-12) var(--grid-24);position:relative;transition:all .3s var(--ease-modal);z-index:1}.logout-button:hover{color:var(--primary)}@media (max-width:767px){.navbar{display:none}}.mobile-menu-toggle{display:none}@media (min-width:768px){.mobile-menu-toggle{display:none}.nav-links{display:flex;left:50%;position:absolute;transform:translateX(-50%)}.nav-controls{position:relative;z-index:1002}}.mobile-header{display:none}@media (max-width:767px){.mobile-header{background:var(--bg-primary);border-bottom:1px solid var(--glass-border);box-shadow:var(--elevation-1);justify-content:space-between;left:0;padding:var(--grid-12) var(--grid-16);position:fixed;right:0;top:0;z-index:1001}.mobile-brand,.mobile-header{align-items:center;display:flex}.mobile-brand{font-size:var(--type-body);font-weight:700;gap:var(--grid-8)}.mobile-brand,.mobile-brand:hover{color:var(--primary);text-decoration:none}.mobile-controls{align-items:center;display:flex;gap:var(--grid-8)}.mobile-controls .theme-toggle{height:36px;min-height:36px;min-width:36px;width:36px}.mobile-logout-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg);border:none;border:1px solid var(--glass-border);border-radius:var(--pill-radius);color:var(--primary);cursor:pointer;display:flex;font-size:var(--type-caption);height:36px;justify-content:center;padding:0;transition:all .3s var(--ease-modal);width:36px}.mobile-logout-btn:hover{background:var(--glass-bg-strong);transform:translateY(-1px)}}.mobile-bottom-nav{display:none}@media (max-width:767px){.mobile-bottom-nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--pill-radius);bottom:var(--grid-16);box-shadow:var(--elevation-2);display:flex;flex-direction:row;gap:0;left:var(--grid-16);overflow:hidden;padding:var(--grid-4);position:fixed;right:var(--grid-16);z-index:1000}.mobile-bottom-nav:before{background:var(--primary-gradient);border-radius:var(--pill-radius);bottom:var(--grid-4);content:"";left:0;left:var(--active-left,0);margin:0 var(--grid-2);position:absolute;top:var(--grid-4);transition:all .4s var(--ease-modal);width:20%;width:var(--active-width,20%);z-index:0}.mobile-bottom-nav a,.mobile-bottom-nav button{align-items:center;background:#0000;border:none;border-radius:var(--pill-radius);color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:var(--type-xs);font-weight:600;justify-content:center;min-height:40px;min-width:60px;overflow:hidden;padding:var(--grid-10) var(--grid-8);position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all .3s var(--ease-modal);white-space:nowrap;z-index:1}.mobile-bottom-nav a.active,.mobile-bottom-nav button.active{color:var(--text-on-primary)}.mobile-bottom-nav a:hover,.mobile-bottom-nav button:hover{color:var(--primary);text-decoration:none}.mobile-bottom-nav a.active:hover,.mobile-bottom-nav button.active:hover{color:var(--text-on-primary)}.main-content{padding-top:48px}.certificates-container,.create-employee-container,.employee-list-container,.professional-dashboard,.verify-container{padding-top:0}}.professional-dashboard{margin:0;max-width:100%;padding:0;padding-bottom:var(--safe-bottom);padding-top:calc(var(--safe-top) + 80px);width:100vw}@media (max-width:767px){.professional-dashboard{padding-top:0}}.dashboard-header{background:#0000;border-radius:0;color:var(--text-primary);margin-bottom:var(--grid-48);overflow:hidden;padding:var(--grid-32) var(--grid-16);position:relative;text-align:center}@media (max-width:767px){.dashboard-header{margin-bottom:var(--grid-32);padding:var(--grid-16) var(--grid-16) var(--grid-24) var(--grid-16)}}.dashboard-header h1{font-size:var(--type-display);font-weight:700;line-height:var(--line-display);margin-bottom:var(--grid-16)}.dashboard-header p{font-size:var(--type-body);line-height:var(--line-body);margin:0;opacity:.9}.stats-grid{grid-gap:var(--grid-16);display:grid;gap:var(--grid-16);grid-template-columns:1fr;margin-bottom:var(--grid-48)}.stat-card{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid var(--border-blue);border-radius:var(--card-radius);box-shadow:0 2px 8px #0000000f;color:inherit;cursor:pointer;display:flex;gap:var(--grid-16);min-height:44px;overflow:hidden;padding:var(--grid-24);position:relative;text-align:center;text-decoration:none;transition:all .3s var(--ease-modal)}.stat-card:before{background:linear-gradient(90deg,#0000,#1e40af66,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{background:var(--glass-bg-strong);border:1px solid #1e40af26;border-left:4px solid var(--border-blue);box-shadow:0 8px 25px #0000001f;color:inherit;text-decoration:none;transform:translateY(-3px)}.stat-card:hover:before{opacity:1}.stat-card:first-child{border-left-color:var(--border-blue)}.stat-card:nth-child(2){border-left-color:var(--border-green)}.stat-card:nth-child(3){border-left-color:var(--border-purple)}.stat-card:nth-child(4){border-left-color:var(--border-orange)}.stat-card:nth-child(5){border-left-color:var(--border-pink)}.stat-card:nth-child(6){border-left-color:var(--border-teal)}.stat-card:first-child:hover{border-left-color:var(--border-blue)}.stat-card:nth-child(2):hover{border-left-color:var(--border-green)}.stat-card:nth-child(3):hover{border-left-color:var(--border-purple)}.stat-card:nth-child(4):hover{border-left-color:var(--border-orange)}.stat-card:nth-child(5):hover{border-left-color:var(--border-pink)}.stat-card:nth-child(6):hover{border-left-color:var(--border-teal)}.stat-card:active{transform:scale(.96)}.stat-icon{flex-shrink:0;font-size:var(--type-display)}.stat-content{flex:1 1;text-align:left}.stat-number{color:var(--text-primary);font-size:var(--type-title);font-weight:700;line-height:1;margin-bottom:var(--grid-8)}.stat-label{color:var(--text-secondary);font-size:var(--type-caption);font-weight:600;margin:0}.action-section{margin-bottom:var(--grid-48)}.action-section h2{color:var(--text-primary);font-size:var(--type-title);font-weight:700;margin-bottom:var(--grid-24);text-align:center}.action-grid{grid-gap:var(--grid-16);display:grid;gap:var(--grid-16);grid-template-columns:1fr}.action-card{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid var(--border-indigo);border-radius:var(--card-radius);box-shadow:0 2px 8px #0000000f;color:inherit;cursor:pointer;display:flex;gap:var(--grid-16);min-height:44px;overflow:hidden;padding:var(--grid-24);position:relative;text-align:left;text-decoration:none;transition:all .3s var(--ease-modal);width:100%}.action-card:before{background:linear-gradient(90deg,#0000,#4f46e566,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.action-card:hover{background:var(--glass-bg-strong);border:1px solid #4f46e526;border-left:4px solid var(--border-indigo);box-shadow:0 8px 25px #0000001f;color:inherit;text-decoration:none;transform:translateY(-3px)}.action-card:hover:before{opacity:1}.action-card:first-child{border-left-color:var(--border-indigo)}.action-card:nth-child(2){border-left-color:var(--border-teal)}.action-card:nth-child(3){border-left-color:var(--border-orange)}.action-card:nth-child(4){border-left-color:var(--border-pink)}.action-card:nth-child(5){border-left-color:var(--border-purple)}.action-card:nth-child(6){border-left-color:var(--border-red)}.action-card:first-child:hover{border-left-color:var(--border-indigo)}.action-card:nth-child(2):hover{border-left-color:var(--border-teal)}.action-card:nth-child(3):hover{border-left-color:var(--border-orange)}.action-card:nth-child(4):hover{border-left-color:var(--border-pink)}.action-card:nth-child(5):hover{border-left-color:var(--border-purple)}.action-card:nth-child(6):hover{border-left-color:var(--border-red)}.action-card:active{transform:scale(.98)}.action-card:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-icon{align-items:center;background:linear-gradient(135deg,#4f46e51a,#4f46e50d);border:1px solid #4f46e51a;border-radius:12px;display:flex;flex-shrink:0;font-size:var(--type-display);height:44px;justify-content:center;width:44px}.action-content{flex:1 1}.action-content h3{color:var(--text-primary);font-size:var(--type-body);font-weight:700;line-height:var(--line-body);margin:0 0 var(--grid-8) 0}.action-content p{color:var(--text-secondary);font-size:var(--type-caption);line-height:var(--line-caption);margin:0}.function-grid{grid-gap:var(--grid-24);display:grid;gap:var(--grid-24);grid-template-columns:1fr}.function-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid var(--border-indigo);border-radius:var(--card-radius);box-shadow:0 2px 8px #0000000f;overflow:hidden;padding:var(--grid-24);position:relative;transition:all .3s var(--ease-modal)}.function-card:before{background:linear-gradient(90deg,#0000,#4f46e566,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.function-card:hover{background:var(--glass-bg-strong);border:1px solid #4f46e526;border-left:4px solid var(--border-indigo);box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.function-card:hover:before{opacity:1}.function-card:first-child{border-left-color:var(--border-blue)}.function-card:nth-child(2){border-left-color:var(--border-green)}.function-card:nth-child(3){border-left-color:var(--border-purple)}.function-card:nth-child(4){border-left-color:var(--border-orange)}.function-card:first-child:hover{border-left-color:var(--border-blue)}.function-card:nth-child(2):hover{border-left-color:var(--border-green)}.function-card:nth-child(3):hover{border-left-color:var(--border-purple)}.function-card:nth-child(4):hover{border-left-color:var(--border-orange)}.function-card h3{color:var(--text-primary);font-size:var(--type-body);font-weight:700;margin-bottom:var(--grid-16)}.function-card ul{list-style:none;margin:0;padding:0}.function-card li{color:var(--text-secondary);font-size:var(--type-caption);margin-bottom:var(--grid-8);padding-left:var(--grid-16);position:relative}.function-card li:before{color:var(--success);content:"✓";font-weight:600;left:0;position:absolute}.loading-spinner{align-items:center;background:#fff;border-radius:var(--card-radius);box-shadow:var(--elevation-2);display:flex;flex-direction:column;gap:var(--grid-16);padding:var(--grid-32)}.spinner{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top:4px solid var(--primary);height:40px;width:40px}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column}.stat-card,.stat-content{text-align:center}}@media (min-width:768px){.action-grid,.function-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}.action-grid{grid-template-columns:repeat(3,1fr)}.function-grid{grid-template-columns:repeat(4,1fr)}}.create-employee-container{max-width:100%;padding:var(--grid-16);padding-bottom:var(--safe-bottom);padding-top:calc(var(--safe-top) + 80px)}.create-employee-header{background:var(--primary-gradient);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-2);color:var(--text-on-primary);margin-bottom:var(--grid-32);padding:var(--grid-32) var(--grid-16);text-align:center}@media (max-width:767px){.create-employee-header{border-radius:var(--card-radius-mobile)}}.create-employee-header h1{font-size:var(--type-display);font-weight:700;line-height:var(--line-display);margin-bottom:var(--grid-16)}.create-employee-header p{font-size:var(--type-body);line-height:var(--line-body);margin:0;opacity:.9}.create-employee-form{background:#0000;border:none;border-radius:var(--card-radius);box-shadow:none;padding:var(--grid-24)}.professional-form{display:flex;flex-direction:column;gap:var(--grid-24)}.form-section{background:#0000;border:none;border-radius:var(--card-radius);margin-bottom:var(--grid-24);padding:var(--grid-24)}.section-header h3{align-items:center;display:flex;gap:var(--grid-8)}.form-grid{grid-gap:var(--grid-16);align-items:start;display:grid;gap:var(--grid-16);grid-template-columns:1fr}.form-group.full-width{grid-column:1/-1}.form-group{margin-bottom:var(--grid-24);position:relative}.form-group label{display:block;font-weight:500;margin-bottom:var(--grid-8)}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--glass-border);box-sizing:border-box;font-weight:500;padding:14px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #2563eb33;transform:translateY(-1px)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.validation-text{align-items:center;display:flex;font-size:var(--type-caption);gap:var(--grid-8);margin-top:var(--grid-8)}.validation-text.error{color:var(--error)}.validation-text.success{color:var(--success)}.validation-text.info{color:var(--text-secondary)}.error-text{align-items:center;display:flex;font-weight:500;gap:var(--grid-8);margin-top:var(--grid-8)}.error-text:before{content:"⚠";font-size:14px}.success-text{align-items:center;color:var(--success);display:flex;font-size:var(--type-caption);font-weight:500;gap:var(--grid-8);margin-top:var(--grid-8)}.success-text:before{content:"✓";font-size:14px}.photo-upload-container{display:flex;justify-content:center}.photo-upload-area{margin:0 auto;position:relative;width:150px}.photo-input{display:none}.photo-upload-label{border:3px dashed var(--glass-border);border-radius:var(--card-radius);cursor:pointer;display:block;height:150px;overflow:hidden;transition:all .3s var(--ease-modal);width:150px}.photo-upload-label:hover{background:#667eea1a;border-color:var(--primary)}.photo-placeholder{color:var(--text-secondary);flex-direction:column;gap:var(--grid-8);height:100%;text-align:center}.upload-hint{opacity:.7}.photo-preview{border-radius:calc(var(--card-radius) - 3px);height:100%;object-fit:cover;width:100%}.pan-input{font-family:Courier New,monospace;letter-spacing:1px;text-transform:uppercase}.format-hint{color:var(--text-secondary);font-size:var(--type-caption);font-style:italic;margin-top:var(--grid-8)}.form-actions{border-top:1px solid var(--glass-border);display:flex;gap:var(--grid-16);justify-content:center;margin-top:var(--grid-24);padding:var(--grid-24) 0}@media (max-width:767px){.form-actions{flex-direction:column}}.submit-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--btn-radius);box-shadow:var(--elevation-1);color:var(--text-on-primary);cursor:pointer;display:flex;font-size:var(--type-body);font-weight:700;gap:var(--grid-8);justify-content:center;min-height:44px;min-width:140px;padding:var(--grid-16) var(--grid-24);transition:all .3s var(--ease-modal)}.submit-btn:hover:not(:disabled){box-shadow:var(--elevation-2);transform:translateY(-2px)}.submit-btn:active{transform:scale(.96)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.success-card{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid var(--success);border-radius:var(--card-radius);margin-top:var(--grid-24);padding:var(--grid-24)}.success-header{align-items:center;display:flex;gap:var(--grid-16);margin-bottom:var(--grid-16)}.success-icon{font-size:var(--type-display)}.success-header h3{color:#155724;font-size:var(--type-title);font-weight:700;margin:0}.success-content{align-items:center;display:flex;flex-direction:column;gap:var(--grid-16);text-align:center}.success-details h4{font-weight:700;margin-bottom:var(--grid-16)}.success-details h4,.success-details p{color:#155724;font-size:var(--type-body)}.success-details p{font-weight:500;margin:var(--grid-8) 0}.success-photo img{border:3px solid var(--success);border-radius:var(--card-radius);height:80px;object-fit:cover;width:80px}@media (max-width:768px){.form-actions{background:#0000;border-top:none;bottom:0;box-shadow:none;left:0;padding:var(--grid-16);position:fixed;right:0;z-index:100}.submit-btn{margin:0;max-width:none;width:100%}.create-employee-form,.professional-form{padding-bottom:80px}}@media (min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr)}.success-content{flex-direction:row;text-align:left}}@media (min-width:1024px){.form-grid{grid-template-columns:repeat(3,1fr)}}.employee-page-header{margin-bottom:var(--grid-24);padding-top:calc(var(--safe-top) + 80px)}@media (max-width:767px){.employee-page-header{margin-bottom:var(--grid-16);padding-top:0}}.employee-header-top{display:flex;flex-direction:column;gap:var(--grid-16);margin-bottom:var(--grid-16)}.employee-header-title h1{color:var(--text-primary);font-size:var(--type-display);font-weight:700;line-height:var(--line-display);margin:0;text-align:center}.employee-header-actions{display:flex;flex-direction:column;gap:var(--grid-8);width:100%}.employee-action-btn,.employee-header-actions .btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:0;box-shadow:var(--elevation-1);color:var(--text-on-primary);cursor:pointer;display:flex;flex:1 1;font-size:var(--type-body);justify-content:center;min-height:44px;overflow:hidden;padding:var(--grid-16) var(--grid-24);text-decoration:none;text-overflow:ellipsis;transition:all .3s var(--ease-modal);white-space:nowrap}.employee-action-btn.primary,.employee-action-btn.secondary{background:var(--primary-gradient)!important;box-shadow:var(--elevation-1)!important;color:var(--text-on-primary)!important}.employee-action-btn{align-items:center;-webkit-appearance:none;appearance:none;background:var(--bg-primary);border:2px solid #0000;border-radius:var(--pill-radius);box-shadow:0 8px 20px #00000014;color:var(--text-primary);cursor:pointer;display:inline-flex;flex:1 1;font-size:var(--type-body);font-weight:600;gap:var(--grid-8);justify-content:center;min-height:48px;overflow:hidden;padding:var(--grid-12) var(--grid-24);text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all .25s var(--ease-modal);white-space:nowrap}.employee-action-btn.primary{background:var(--primary-gradient);border-color:#0000;box-shadow:0 10px 24px #0066cc4d;color:var(--text-on-primary)}.employee-action-btn.secondary{background:linear-gradient(135deg,#fffffff2,#f5f6f8f2);border-color:#0066cc26;box-shadow:0 10px 24px #00000014;color:var(--primary-dark)}.employee-action-btn.secondary:hover{background:linear-gradient(135deg,#f5f8fcfa,#e8ebf2fa);color:var(--primary-dark)}.employee-action-btn:hover{box-shadow:0 12px 28px #0000001f;transform:translateY(-2px)}.employee-action-btn:focus-visible{outline:3px solid #0066cc4d;outline-offset:3px}.employee-action-btn:disabled,.employee-action-btn[aria-disabled=true]{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (min-width:640px){.employee-header-actions{flex-direction:row}}.employee-search-section{display:flex;flex-direction:column;gap:var(--grid-16);margin-bottom:var(--grid-16)}.employee-search-input{background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--btn-radius);box-sizing:border-box;color:var(--text-primary);font-size:var(--type-body);font-weight:500;min-height:44px;padding:14px;transition:all .3s var(--ease-modal);width:100%}.employee-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33;outline:none;transform:translateY(-1px)}.filter-toggle-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg);border:none;border:1px solid var(--glass-border);border-radius:var(--btn-radius);color:var(--primary);cursor:pointer;font-size:var(--type-body);font-weight:600;min-height:44px;padding:var(--grid-16);text-align:center;transition:all .3s var(--ease-modal);width:100%}.filter-toggle-btn.active{background:var(--primary-gradient);border-color:#0000;color:#fff}.filter-toggle-btn:hover{background:var(--glass-bg-strong);transform:translateY(-1px)}.employee-grid{grid-gap:var(--grid-16);background:var(--bg-surface);display:grid;gap:var(--grid-16);grid-template-columns:1fr;min-height:100vh;padding:0 var(--grid-16)}.employee-card-simple{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid var(--border-purple);border-radius:var(--card-radius);box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;padding:var(--grid-24);position:relative;text-align:center;transition:all .3s var(--ease-modal)}.employee-card-simple:before{background:linear-gradient(90deg,#0000,#7c3aed66,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.employee-card-simple:hover{background:var(--glass-bg-strong);border:1px solid #7c3aed26;border-left:4px solid var(--border-purple);box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.employee-card-simple:hover:before{opacity:1}.employee-card-simple:nth-child(odd){border-left-color:var(--border-purple)}.employee-card-simple:nth-child(2n){border-left-color:var(--border-teal)}.employee-card-simple:nth-child(3n){border-left-color:var(--border-orange)}.employee-card-simple:nth-child(4n){border-left-color:var(--border-pink)}.employee-card-simple:nth-child(odd):hover{border-left-color:var(--border-purple)}.employee-card-simple:nth-child(2n):hover{border-left-color:var(--border-teal)}.employee-card-simple:nth-child(3n):hover{border-left-color:var(--border-orange)}.employee-card-simple:nth-child(4n):hover{border-left-color:var(--border-pink)}.employee-card-simple.selected-card{background:#667eea1a;border-color:var(--primary)}.employee-checkbox{cursor:pointer;height:20px;left:var(--grid-16);position:absolute;top:var(--grid-16);width:20px}.employee-photo-simple{border:2px solid var(--glass-border);border-radius:50%;box-shadow:var(--elevation-1);object-fit:cover}.employee-photo-placeholder,.employee-photo-simple{height:60px;margin:0 auto var(--grid-16);width:60px}.employee-photo-placeholder{align-items:center;background:linear-gradient(135deg,#7c3aed1a,#7c3aed0d);border:2px solid #7c3aed33;border-radius:50%;color:var(--border-purple);display:flex;font-size:var(--type-title);font-weight:600;justify-content:center}.employee-info-simple h3{color:var(--text-primary);font-size:var(--type-body);font-weight:700;line-height:var(--line-body);margin:0 0 var(--grid-8) 0}.employee-info-simple p{color:var(--text-secondary);font-size:var(--type-caption);font-weight:500;line-height:var(--line-caption);margin:var(--grid-8) 0}.employee-type{background:#06c!important;border:1px solid #0066cc1a;border-radius:var(--btn-radius);box-shadow:0 2px 8px #0066cc40;color:#fff!important;display:inline-block;font-size:var(--type-caption);font-weight:700;letter-spacing:.5px;margin-bottom:var(--grid-16);padding:var(--grid-8) var(--grid-16);text-transform:uppercase}.card-actions{background:#0000;flex-wrap:wrap;gap:var(--grid-16);margin:var(--grid-16) 0 0;padding:var(--grid-16) 0 0}.card-actions,.card-btn{align-items:center;width:100%}.card-btn{align-self:center;background:var(--primary-gradient);border:none;border-radius:999px;box-shadow:var(--elevation-1);box-sizing:border-box;color:var(--text-on-primary);cursor:pointer;display:flex;flex:1 1;font-size:var(--type-caption);font-weight:600;justify-content:center;max-height:44px;min-height:44px;min-width:0;min-width:140px;overflow:hidden;padding:var(--grid-12) var(--grid-20);text-overflow:ellipsis;transition:all .3s var(--ease-modal);white-space:nowrap}.card-btn.secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #0000000d;color:var(--text-primary)}.card-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:var(--elevation-1);color:var(--text-on-primary)}.card-btn:hover{box-shadow:var(--elevation-1);transform:translateY(-1px)}.card-btn:active{transform:scale(.96)}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--grid-16);position:fixed;right:0;top:0;z-index:1000}.popup-content{-ms-overflow-style:none;animation:modalSlideIn .3s var(--ease-modal);background:var(--bg-primary);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-2);max-height:90vh;max-width:90vw;overflow-y:auto;scrollbar-width:none;width:100%}.popup-content::-webkit-scrollbar{display:none}@media (max-width:767px){.popup-content{border-radius:var(--card-radius-mobile)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.employee-details-popup{animation:modalSlideIn .3s var(--ease-modal);background:var(--bg-primary);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-2);display:flex;flex-direction:column;height:90vh;overflow:hidden;position:relative;width:95vw}@media (max-width:767px){.employee-details-popup{border-radius:var(--card-radius-mobile)}}.business-header{background:var(--primary-gradient);color:#fff;padding:var(--grid-24);position:relative}.header-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:var(--type-title);height:40px;justify-content:center;position:absolute;right:var(--grid-16);top:var(--grid-16);transition:all .3s var(--ease-modal);width:40px}.header-close-btn:hover{background:#ffffff4d}.employee-summary{text-align:center}.employee-summary,.summary-left,.summary-right{align-items:center;display:flex;flex-direction:column;gap:var(--grid-16)}.employee-photo-section{align-items:center;display:flex;justify-content:center}.employee-basic-info{align-items:center;display:flex;flex-direction:column;gap:var(--grid-8)}.employee-photo{border-radius:50%;height:80px;width:80px}.employee-name{font-size:var(--type-title);font-weight:700;margin:0}.employee-position{font-size:var(--type-body);opacity:.9}.employee-dept{font-size:var(--type-caption);opacity:.8}.info-badges{display:flex;flex-direction:column;gap:var(--grid-8);margin-top:var(--grid-16)}.info-badge{background:#fff3;border-radius:var(--btn-radius);padding:var(--grid-8) var(--grid-16);text-align:center}.id-badge,.status-badge,.type-badge{background:#ffffff40}.status-active{background:#22c55e33;border:1px solid #22c55e4d}.badge-label{display:block;font-size:var(--type-caption);opacity:.8}.badge-value{display:block;font-size:var(--type-body);font-weight:600}.info-value.email a{color:var(--primary);text-decoration:none}.info-value.email a:hover{text-decoration:underline}.info-value.uuid{font-family:monospace;font-size:var(--type-caption)}.employee-details-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:var(--grid-24);scrollbar-width:none}.employee-details-content::-webkit-scrollbar{display:none}.details-grid{grid-gap:var(--grid-16);display:grid;gap:var(--grid-16);grid-template-columns:1fr}.detail-card{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-1);overflow:hidden;transition:all .3s var(--ease-modal)}@media (max-width:767px){.detail-card{border-radius:var(--card-radius-mobile)}}.detail-card:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.detail-card .card-header{align-items:center;background:var(--glass-bg);border-bottom:2px solid var(--primary);display:flex;gap:var(--grid-16);padding:var(--grid-16)}.detail-card .card-icon{align-items:center;background:var(--primary-gradient);border-radius:50%;box-shadow:var(--elevation-1);color:#fff;display:flex;font-size:var(--type-body);height:32px;justify-content:center;width:32px}.detail-card .card-header h3{color:var(--text-primary);font-size:var(--type-body);font-weight:600;margin:0}.detail-card .card-content{padding:var(--grid-16)}.detail-card .info-row{align-items:flex-start;border-bottom:1px solid #f1f3f4;display:flex;gap:var(--grid-16);justify-content:space-between;padding:var(--grid-8) 0}.detail-card .info-row:last-child{border-bottom:none;padding-bottom:0}.detail-card .info-label{color:var(--text-secondary);flex-shrink:0;font-size:var(--type-caption);font-weight:600;min-width:100px}.detail-card .info-value{color:var(--text-primary);font-size:var(--type-caption);font-weight:500;text-align:right;word-break:break-word}.employee-details-actions{background:var(--bg-secondary);border-top:1px solid var(--glass-border);padding:var(--grid-24)}.action-buttons{display:flex;flex-direction:column;gap:var(--grid-16);justify-content:center}.action-btn{align-items:center;border:none;border-radius:var(--btn-radius);cursor:pointer;display:inline-flex;font-size:var(--type-body);font-weight:600;gap:var(--grid-8);justify-content:center;min-height:44px;padding:var(--grid-16) var(--grid-24);text-decoration:none;transition:all .3s var(--ease-modal);width:100%}.action-btn.primary{background:var(--primary-gradient);box-shadow:var(--elevation-1);color:#fff}.action-btn.primary:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.action-btn.secondary{background:linear-gradient(135deg,var(--success) 0,#2ecc71 100%);box-shadow:var(--elevation-1);color:#fff}.action-btn.secondary:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.action-btn.tertiary{background:linear-gradient(135deg,var(--warning) 0,#e67e22 100%);box-shadow:var(--elevation-1);color:#fff}.action-btn.tertiary:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.btn-icon{font-size:var(--type-body)}@media (min-width:640px){.employee-header-top{align-items:flex-start;flex-direction:row;justify-content:space-between}.employee-header-title h1{text-align:left}.employee-header-actions{flex-direction:row;width:auto}.employee-header-actions .btn{width:auto}.employee-search-section{align-items:center;flex-direction:row}.employee-search-input{flex:1 1;min-width:250px}.filter-toggle-btn{white-space:nowrap;width:auto}.employee-grid{grid-template-columns:repeat(2,1fr)}.employee-summary{text-align:left}.employee-summary,.info-badges,.summary-left{flex-direction:row}.details-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:row;justify-content:center}.action-btn{min-width:140px;width:auto}}@media (min-width:768px){.employee-details-popup{height:80vh;width:900px}}@media (min-width:1024px){.details-grid,.employee-grid{grid-template-columns:repeat(3,1fr)}}.verify-container{background:var(--bg-surface);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.verify-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg-strong);border-bottom:1px solid var(--glass-border);box-shadow:var(--elevation-1);padding:1.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.verify-header-content{margin:0 auto;max-width:1200px}.verify-header-content,.verify-logo-section{align-items:center;display:flex;gap:1rem}.verify-logo{align-items:center;border-radius:12px;box-shadow:var(--elevation-2);color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.verify-header h1,.verify-logo{background:var(--primary-gradient);font-weight:700}.verify-header h1{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.5rem;margin:0}.verify-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.verify-main{margin:0 auto;max-width:1200px;padding:2rem 1rem}.verify-page-title{margin-bottom:3rem;text-align:center}.verify-page-title h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:800;margin-bottom:1rem}.verify-page-title p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.verify-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:1024px){.verify-grid{grid-template-columns:420px 1fr}}.verify-form-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--elevation-2);padding:2rem;position:-webkit-sticky;position:sticky;top:120px}.verify-form-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.verify-tabs{grid-gap:.5rem;background:var(--glass-bg);border-radius:16px;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding:.5rem}.verify-tab{background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.verify-tab.active{background:var(--primary-gradient);box-shadow:var(--elevation-1);color:#fff;transform:translateY(-1px)}.verify-tab:hover:not(.active){background:var(--glass-bg-strong);color:var(--primary)}.verify-form{gap:1.5rem}.verify-form,.verify-form-group{display:flex;flex-direction:column}.verify-form-group{gap:.5rem}.verify-form-label{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-left:.5rem}.verify-input-container{align-items:center;display:flex;position:relative}.verify-input{background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:16px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;font-weight:500;padding:1rem 3.5rem 1rem 1.25rem;transition:all .3s ease;width:100%}.verify-input:focus{background:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a;outline:none;transform:translateY(-1px)}.verify-input::placeholder{color:var(--text-muted)}.scan-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:var(--elevation-1);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;position:absolute;right:.75rem;transition:all .3s ease;width:40px}.scan-btn:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.verify-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:16px;box-shadow:var(--elevation-1);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;min-height:56px;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.verify-btn:hover:not(:disabled){box-shadow:var(--elevation-2);transform:translateY(-2px)}.verify-btn:active{transform:scale(.98)}.verify-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.verify-tips{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;margin-top:1.5rem;padding:1.25rem}.verify-tips-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.verify-tips-icon{font-size:1.25rem}.verify-tips-title{color:var(--primary);font-size:.875rem;font-weight:700}.verify-tips-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.scanner-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.scanner-container{background:var(--bg-primary);border-radius:20px;box-shadow:var(--elevation-5);max-width:400px;overflow:hidden;width:100%}.scanner-header{align-items:center;background:var(--primary-gradient);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.scanner-header h3{font-size:1.25rem;font-weight:700;margin:0}.scanner-close{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.scanner-close:hover{background:#ffffff4d}.scanner-content{aspect-ratio:1;background:#000;position:relative}.scanner-video{height:100%;object-fit:cover;width:100%}.scanner-overlay{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.scan-frame{border:3px solid var(--primary);border-radius:20px;box-shadow:0 0 0 2px #4f46e54d;height:200px;margin-bottom:1rem;position:relative;width:200px}.scan-frame:after,.scan-frame:before{border:4px solid var(--primary);content:"";height:30px;position:absolute;width:30px}.scan-frame:before{border-bottom:none;border-radius:20px 0 0 0;border-right:none;left:-4px;top:-4px}.scan-frame:after{border-left:none;border-radius:0 0 20px 0;border-top:none;bottom:-4px;right:-4px}.scanner-overlay p{background:#000c;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;margin:0;padding:.75rem 1.5rem;text-align:center}.scanner-error{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;padding:2rem;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.scanner-error h4{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.scanner-error p{color:var(--error);font-size:.875rem;line-height:1.5;margin-bottom:2rem;max-width:280px}.error-actions{display:flex;gap:1rem;margin-bottom:2rem}.cancel-btn,.retry-btn{border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.retry-btn{background:var(--primary-gradient);box-shadow:var(--elevation-1);color:#fff}.retry-btn:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.cancel-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.cancel-btn:hover{background:var(--glass-bg-strong);color:var(--text-primary)}.permission-help{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;max-width:300px;padding:1rem}.permission-help small{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.verify-error{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--elevation-1);padding:2rem}.verify-error-content{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.verify-error-icon{align-items:center;background:var(--glass-bg);border-radius:50%;box-shadow:var(--elevation-1);color:var(--error);display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.verify-error-title{color:var(--error);font-size:1.25rem;font-weight:700;margin:0}.verify-error-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.verify-error-actions{display:flex;gap:1rem;margin-top:1rem}.verify-error-btn{border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.verify-error-btn.primary{background:var(--primary-gradient);box-shadow:var(--elevation-1);color:#fff}.verify-error-btn.secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.verify-loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.verify-main{padding:1.5rem 1rem}.verify-page-title h2{font-size:2rem}.verify-form-panel{padding:1.5rem}.verify-tabs{gap:.25rem;grid-template-columns:1fr}.scanner-container{margin:1rem}}.verify-empty-state{background:var(--bg-primary);border:2px dashed var(--glass-border);border-radius:20px;padding:4rem 2rem;text-align:center}.verify-empty-icon{align-items:center;background:var(--glass-bg);border:2px dashed var(--glass-border);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.verify-empty-icon span{color:var(--text-muted);font-size:2rem}.verify-empty-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.verify-empty-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 auto 1.5rem;max-width:400px}.verify-empty-badge{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;display:inline-flex;gap:.5rem;padding:.5rem 1rem}.verify-empty-badge-icon,.verify-empty-badge-text{color:var(--primary);font-size:.75rem}.verify-empty-badge-text{font-weight:500}:root{--type-body:14px;--grid-8:8px;--grid-16:16px;--grid-20:20px;--grid-24:24px;--grid-32:32px;--ease-modal:cubic-bezier(0.2,0,0,1);--input-height:48px;--input-border-width:2px;--input-radius:14px;--input-padding-y:16px;--input-padding-x:32px;--input-padding-left:52px;--input-gap:20px;--pill-radius:999px}[data-theme=light]{--bg-page:#f5f7fb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--glass-bg-strong:#ffffffd9;--glass-bg:#ffffffa6;--glass-border:#0f172a1f;--primary:#2563eb;--primary-gradient:linear-gradient(135deg,#2563eb,#3b82f6)}[data-theme=dark]{--bg-page:#020617;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--glass-bg-strong:#0f172ab3;--glass-bg:#0f172a8c;--glass-border:#ffffff1f;--primary:#60a5fa;--primary-gradient:linear-gradient(135deg,#3b82f6,#60a5fa)}body,html{background:var(--bg-page);height:100%;margin:0}body.login-page{--safe-top:0;--safe-bottom:0;overflow:hidden}body.login-page .btn-primary-action,body.login-page .submit-btn,body.login-page .upload-btn,body.login-page .verify-btn{display:none!important;position:static!important}.auth-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:16px;padding:var(--grid-16)}.auth-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 20px 50px #00000026,inset 0 1px 0 #ffffff1a;max-width:420px;padding:clamp(32px,8vw,48px) clamp(24px,6vw,40px);text-align:center;width:100%}.auth-card h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;font-size:clamp(24px,6vw,32px);font-weight:700;margin-bottom:8px;margin-bottom:var(--grid-8)}.auth-card p{color:var(--text-secondary);font-size:14px;font-size:var(--type-body);font-weight:500;line-height:1.5;margin-bottom:clamp(32px,8vw,48px)}.auth-form{display:flex;flex-direction:column;gap:20px;gap:var(--input-gap)}.auth-form label{color:var(--text-primary);font-size:14px;font-size:var(--type-body);font-weight:600;margin-left:16px;margin-left:var(--grid-16);text-align:left}body.login-page .form-group input,body.login-page .form-group select,body.login-page .form-group textarea{all:unset}body.login-page .auth-form input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);background-clip:padding-box;border:var(--input-border-width) solid var(--glass-border);border-radius:14px;border-radius:var(--input-radius);box-sizing:border-box;color:var(--text-primary);font-size:14px;font-size:var(--type-body);font-weight:500;line-height:1.2;min-height:48px;min-height:var(--input-height);padding:16px 32px 16px 52px;padding:var(--input-padding-y) var(--input-padding-x) var(--input-padding-y) var(--input-padding-left);transition:border-color .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1),background .2s cubic-bezier(.2,0,0,1);transition:border-color .2s var(--ease-modal),box-shadow .2s var(--ease-modal),background .2s var(--ease-modal);width:100%}body.login-page .auth-form input::placeholder{color:var(--text-muted);opacity:1}body.login-page .auth-form input:focus{background:color-mix(in srgb,var(--glass-bg) 85%,#fff);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,#0000),0 12px 28px #0003;outline:none}.auth-submit-btn{background:var(--primary-gradient);border:none;border-radius:999px;border-radius:var(--pill-radius);color:#fff;cursor:pointer;font-size:14px;font-size:var(--type-body);font-weight:700;min-height:48px;padding:16px 24px;padding:var(--grid-16) var(--grid-24);transition:transform .15s cubic-bezier(.2,0,0,1),box-shadow .15s cubic-bezier(.2,0,0,1);transition:transform .15s var(--ease-modal),box-shadow .15s var(--ease-modal);width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 14px 32px #00000059;transform:translateY(-2px)}.auth-submit-btn:active{transform:scale(.98)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.auth-card{margin:8px;margin:var(--grid-8);padding:32px 20px;padding:var(--grid-32) var(--grid-20)}.auth-form input,.auth-submit-btn{min-height:44px}}.bulk-upload-container{max-width:100%;padding:var(--grid-16);padding-bottom:var(--safe-bottom);padding-top:calc(var(--safe-top) + 80px)}.bulk-upload-header{background:var(--primary-gradient);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-2);color:var(--text-on-primary);margin-bottom:var(--grid-32);padding:var(--grid-32) var(--grid-16);text-align:center}@media (max-width:767px){.bulk-upload-header{border-radius:var(--card-radius-mobile)}}.bulk-upload-header h1{font-size:var(--type-display);font-weight:700;line-height:var(--line-display);margin-bottom:var(--grid-16)}.bulk-upload-header p{font-size:var(--type-body);line-height:var(--line-body);margin:0;opacity:.9}.upload-steps{background:#0000;border:none;border-radius:var(--card-radius);flex-direction:column;margin-bottom:var(--grid-32);padding:var(--grid-24)}.step-item,.upload-steps{display:flex;gap:var(--grid-16)}.step-item{align-items:center;background:#ffffff1a;border-radius:var(--btn-radius);padding:var(--grid-16)}.step-number{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--type-caption);font-weight:700;height:32px;justify-content:center;width:32px}.step-text{color:var(--text-primary);font-size:var(--type-body);font-weight:600}.step-arrow{align-self:center;color:var(--primary);display:none;font-size:var(--type-title)}.upload-section{gap:var(--grid-24)}.template-section,.upload-file-section{background:#0000;border:none;border-radius:var(--card-radius);box-shadow:none;padding:var(--grid-24)}.section-header{gap:var(--grid-16);margin-bottom:var(--grid-24)}.section-header h3{color:var(--text-primary);font-size:var(--type-body);font-weight:700;margin:0}.section-line{background:linear-gradient(90deg,var(--primary) 0,#0000 100%);border-radius:1px;flex:1 1;height:2px}.template-content{text-align:center}.template-content p{color:var(--text-secondary);font-size:var(--type-body);line-height:var(--line-body);margin-bottom:var(--grid-24)}.template-btn{align-items:center;background:var(--success-gradient);border:none;border-radius:var(--btn-radius);box-shadow:var(--elevation-1);color:#fff;cursor:pointer;display:flex;font-size:var(--type-body);font-weight:600;gap:var(--grid-8);justify-content:center;margin:0 auto var(--grid-16);min-height:44px;padding:var(--grid-16) var(--grid-24);transition:all .3s var(--ease-modal)}.template-btn:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.template-btn:active{transform:scale(.96)}.template-info{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--type-caption);gap:var(--grid-8);justify-content:center}.file-upload-area{background:#ffffff0d;border:3px dashed var(--glass-border);border-radius:var(--card-radius);cursor:pointer;padding:var(--grid-32);text-align:center;transition:all .3s var(--ease-modal)}.file-upload-area:hover{background:#667eea1a;border-color:var(--primary)}.file-selected{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--btn-radius);display:flex;gap:var(--grid-16);padding:var(--grid-16)}.file-icon{flex-shrink:0;font-size:var(--type-display)}.file-info{flex:1 1;text-align:left}.file-name{color:var(--text-primary);font-size:var(--type-body);font-weight:600;margin-bottom:var(--grid-8)}.file-size{color:var(--text-secondary);font-size:var(--type-caption)}.remove-file-btn{align-items:center;background:var(--error);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s var(--ease-modal);width:32px}.remove-file-btn:hover{transform:scale(1.1)}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:var(--grid-16)}.upload-icon{color:var(--primary);font-size:var(--type-display)}.upload-text h4{color:var(--text-primary);font-size:var(--type-body);font-weight:600;margin-bottom:var(--grid-8)}.upload-text p{color:var(--text-secondary);margin:0}.upload-hint,.upload-text p{font-size:var(--type-caption)}.upload-hint{color:var(--text-muted);font-style:italic}.preview-section{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--elevation-1);margin-bottom:var(--grid-32);padding:var(--grid-24)}.preview-info{color:var(--text-secondary);font-size:var(--type-caption);margin-bottom:var(--grid-16);text-align:center}.table-container{border:1px solid var(--glass-border);border-radius:var(--btn-radius);margin-bottom:var(--grid-24);overflow-x:auto}.preview-table th{background:var(--primary-gradient);color:#fff;text-align:left}.preview-table td,.preview-table th{padding:var(--grid-16);white-space:nowrap}.preview-table td{border-bottom:1px solid var(--glass-border);max-width:150px;overflow:hidden;text-overflow:ellipsis}.preview-table tr:nth-child(2n){background:#ffffff0d}.upload-actions{text-align:center}.upload-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--btn-radius);box-shadow:var(--elevation-1);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--type-body);font-weight:700;gap:var(--grid-8);justify-content:center;min-height:44px;min-width:200px;padding:var(--grid-16) var(--grid-32);transition:all .3s var(--ease-modal)}.upload-btn:hover:not(:disabled){box-shadow:var(--elevation-2);transform:translateY(-2px)}.upload-btn:active{transform:scale(.96)}.upload-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.results-section{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--elevation-1);margin-bottom:var(--grid-32);padding:var(--grid-24)}.results-summary{grid-gap:var(--grid-16);display:grid;gap:var(--grid-16);grid-template-columns:1fr;margin-bottom:var(--grid-24)}.result-card{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:var(--btn-radius);padding:var(--grid-24);text-align:center}.result-card.success{background:#10b9811a;border-color:var(--success)}.result-card.error{background:#ef44441a;border-color:var(--error)}.result-card.total{background:#667eea1a;border-color:var(--primary)}.result-icon{font-size:var(--type-display);margin-bottom:var(--grid-16)}.result-info{display:flex;flex-direction:column;gap:var(--grid-8)}.result-number{color:var(--text-primary);font-size:var(--type-display);font-weight:700}.result-label{color:var(--text-secondary);font-size:var(--type-caption);font-weight:600}.errors-section{margin-top:var(--grid-24)}.errors-section h4{color:var(--error);font-size:var(--type-body);font-weight:600;margin-bottom:var(--grid-16)}.errors-list{flex-direction:column}.error-item,.errors-list{display:flex;gap:var(--grid-8)}.error-item{align-items:flex-start;background:#ef44441a;border:1px solid #ef444433;border-radius:var(--btn-radius);padding:var(--grid-16)}.error-icon{color:var(--error);flex-shrink:0;font-size:var(--type-body)}.error-text{color:var(--error);font-size:var(--type-caption);line-height:var(--line-caption)}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-content{background:var(--bg-primary);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-2);max-width:90vw;padding:var(--grid-48);text-align:center}@media (max-width:767px){.loading-content{border-radius:var(--card-radius-mobile)}}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top:4px solid var(--primary);height:60px;margin:0 auto var(--grid-24);width:60px}.loading-content h3{color:var(--text-primary);font-size:var(--type-title);font-weight:700;margin-bottom:var(--grid-16)}.loading-content p{color:var(--text-secondary);font-size:var(--type-body);margin-bottom:var(--grid-24)}.loading-progress{background:#667eea33;border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-bar{animation:progressSlide 2s ease-in-out infinite;background:var(--primary-gradient);height:100%;width:100%}@keyframes progressSlide{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}@media (min-width:640px){.upload-steps{align-items:center;flex-direction:row}.step-arrow{display:block}.upload-section{flex-direction:row}.template-section,.upload-file-section{flex:1 1}.results-summary{grid-template-columns:repeat(3,1fr)}.result-card{align-items:center;display:flex;gap:var(--grid-16);text-align:left}.result-info{align-items:baseline;flex-direction:row;gap:var(--grid-16)}}@media (min-width:768px){.bulk-upload-container{padding:var(--grid-32);padding-top:calc(var(--safe-top) + 80px)}}.certificates-container{margin:0 auto;max-width:100%;padding:var(--grid-16);width:98%}@media (min-width:768px){.certificates-container{max-width:1200px;padding:var(--grid-24);width:95%}}.certificates-header{background:var(--success-gradient);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-2);color:var(--text-on-primary);margin-bottom:var(--grid-32);padding:var(--grid-32) var(--grid-16);text-align:center}@media (max-width:767px){.certificates-header{border-radius:var(--card-radius-mobile);padding:var(--grid-24) var(--grid-16)}}.certificates-header h1{font-size:var(--type-display);font-weight:700;line-height:var(--line-display);margin-bottom:var(--grid-16)}.certificates-header p{font-size:var(--type-body);line-height:var(--line-body);margin:0;opacity:.9}.certificates-actions{grid-gap:var(--grid-16);display:grid;gap:var(--grid-16);grid-template-columns:1fr}@media (min-width:640px){.certificates-actions{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.certificates-actions{grid-template-columns:repeat(3,1fr)}}.cert-action-card{align-items:center;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-1);color:var(--text-primary);display:flex;flex-direction:column;gap:var(--grid-16);justify-content:center;min-height:180px;overflow:hidden;padding:var(--grid-24);position:relative;text-align:center;text-decoration:none;transition:all .3s var(--ease-modal)}@media (max-width:767px){.cert-action-card{border-radius:var(--card-radius-mobile);min-height:160px;padding:var(--grid-16)}}.cert-action-card:hover{background:var(--glass-bg-strong);box-shadow:var(--elevation-3);color:var(--text-primary);text-decoration:none;transform:translateY(-4px)}.cert-action-card:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.cert-icon{align-items:center;background:var(--success-gradient);border-radius:50%;box-shadow:var(--elevation-2);color:var(--text-on-primary);display:flex;flex-shrink:0;font-size:var(--type-4xl);height:64px;justify-content:center;width:64px}.cert-action-card h3{color:var(--text-primary);font-size:var(--type-lg);font-weight:700;line-height:var(--line-title);margin:0}.cert-action-card p{color:var(--text-secondary);font-size:var(--type-caption);line-height:var(--line-body);margin:0}.certificates-tabs-wrapper{margin-bottom:var(--grid-32);position:relative}.certificates-mobile-toggle{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--pill-radius);color:var(--text-primary);cursor:pointer;display:none;font-size:var(--type-body);font-weight:600;justify-content:space-between;min-height:44px;padding:var(--grid-16);transition:all .3s var(--ease-modal);width:100%}.certificates-mobile-toggle:hover{background:var(--glass-bg-strong);box-shadow:var(--elevation-1);transform:translateY(-1px)}.toggle-icon{font-size:var(--type-caption);transition:transform .3s var(--ease-modal)}.toggle-icon.open{transform:rotate(180deg)}.certificates-tabs{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--pill-radius);display:none;gap:0;margin-left:auto;margin-right:auto;overflow:hidden;padding:var(--grid-4);position:relative;width:100%}.certificates-tabs:before{background:var(--primary-gradient);border-radius:var(--pill-radius);bottom:var(--grid-4);content:"";left:0;left:var(--active-left,0);position:absolute;top:var(--grid-4);transform:translateX(var(--grid-4));transition:all .4s var(--ease-modal);width:33.33%;width:var(--active-width,33.33%);z-index:0}.certificates-tabs a{align-items:center;background:#0000;border:none;border-radius:var(--pill-radius);color:var(--text-primary);display:flex;flex-shrink:0;font-size:var(--type-caption);font-weight:600;justify-content:center;min-height:44px;padding:var(--grid-12) var(--grid-16);position:relative;text-decoration:none;transition:all .3s var(--ease-modal);white-space:nowrap;z-index:1}.certificates-tabs a:not(.tab-link){flex:1 1;min-width:100px}.certificates-tabs a.tab-link{background:var(--primary-gradient);border-radius:var(--pill-radius);box-shadow:var(--elevation-1);color:var(--text-on-primary);margin-left:var(--grid-8);padding:var(--grid-12) var(--grid-20)}.certificates-tabs a.active-tab{color:var(--text-on-primary)}.certificates-tabs a:hover:not(.tab-link){color:var(--primary);text-decoration:none}.certificates-tabs a.active-tab:hover{color:var(--text-on-primary)}.certificates-tabs a.tab-link:hover{box-shadow:var(--elevation-2);text-decoration:none;transform:translateY(-1px)}@media (max-width:767px){.certificates-tabs-wrapper{display:none}}@media (min-width:768px){.certificates-mobile-toggle{display:none}.certificates-tabs{display:flex}}.certificate-grid{grid-gap:var(--grid-16);display:grid;gap:var(--grid-16);grid-template-columns:1fr}@media (min-width:640px){.certificate-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.certificate-grid{grid-template-columns:repeat(3,1fr)}}.certificate-card{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-1);overflow:hidden;padding:var(--grid-24);position:relative;transition:all .3s var(--ease-modal)}@media (max-width:767px){.certificate-card{border-radius:var(--card-radius-mobile);padding:var(--grid-16)}}.certificate-card:hover{background:var(--glass-bg-strong);box-shadow:var(--elevation-2);transform:translateY(-2px)}.certificate-header{align-items:center;display:flex;gap:var(--grid-16);margin-bottom:var(--grid-16)}.certificate-icon{align-items:center;background:var(--success-gradient);border-radius:50%;color:var(--text-on-primary);display:flex;flex-shrink:0;font-size:var(--type-display);height:44px;justify-content:center;width:44px}.certificate-info h3{color:var(--text-primary);font-size:var(--type-body);font-weight:700;margin:0 0 var(--grid-8) 0}.certificate-info p{color:var(--text-secondary);font-size:var(--type-caption);margin:0}.certificate-actions{display:flex;flex-direction:column;gap:var(--grid-8);margin-top:var(--grid-16)}@media (min-width:640px){.certificate-actions{flex-direction:row}}.certificate-btn{align-items:center;border:none;border-radius:var(--pill-radius);cursor:pointer;display:flex;font-size:var(--type-caption);font-weight:600;gap:var(--grid-8);justify-content:center;min-height:44px;min-width:44px;padding:var(--grid-16);transition:all .3s var(--ease-modal)}.certificate-btn.primary{background:var(--success-gradient);color:var(--text-on-primary)}.certificate-btn.secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.certificate-btn:hover{box-shadow:var(--elevation-1);transform:translateY(-1px)}.certificate-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.cert-action-card:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@supports not ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){.certificate-tabs{background:var(--bg-secondary)}}.create-certificate-container{max-width:100%;padding:0}.certificate-form-card{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-1);margin-bottom:var(--grid-32);padding:var(--grid-32)}@media (max-width:767px){.certificate-form-card{border-radius:var(--card-radius-mobile);padding:var(--grid-24)}}.certificate-form-card h2{color:var(--text-primary);font-size:var(--type-title);font-weight:700;margin-bottom:var(--grid-24);text-align:center}.certificate-form{display:flex;flex-direction:column;gap:var(--grid-24)}.form-row{grid-gap:var(--grid-16);display:grid;gap:var(--grid-16);grid-template-columns:1fr}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:var(--grid-8)}.form-group label{color:var(--text-primary);font-size:var(--type-body);font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--btn-radius);color:var(--text-primary);font-size:var(--type-body);min-height:44px;padding:var(--grid-12) var(--grid-16);transition:all .3s var(--ease-modal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.form-group input::placeholder{color:var(--text-secondary)}.btn-primary{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--pill-radius);color:var(--text-on-primary);cursor:pointer;display:flex;font-size:var(--type-body);font-weight:600;gap:var(--grid-8);justify-content:center;margin-top:var(--grid-16);min-height:44px;padding:var(--grid-16) var(--grid-32);transition:all .3s var(--ease-modal)}.btn-primary:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.success-message{background:var(--success-gradient);border-radius:var(--card-radius-desktop);color:var(--text-on-primary);margin-top:var(--grid-24);padding:var(--grid-24);text-align:center}@media (max-width:767px){.success-message{border-radius:var(--card-radius-mobile);padding:var(--grid-16)}}.success-message h3{font-size:var(--type-lg);font-weight:700;margin-bottom:var(--grid-16)}.success-message p{font-size:var(--type-body);margin:var(--grid-8) 0;opacity:.9}.bulk-certificate-container{max-width:100%;padding:0}.bulk-upload-card{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-1);margin-bottom:var(--grid-32);padding:var(--grid-32)}@media (max-width:767px){.bulk-upload-card{border-radius:var(--card-radius-mobile);padding:var(--grid-24)}}.bulk-upload-card h2{color:var(--text-primary);font-size:var(--type-title);font-weight:700;margin-bottom:var(--grid-16);text-align:center}.bulk-upload-card>p{color:var(--text-secondary);font-size:var(--type-body);margin-bottom:var(--grid-32);text-align:center}.upload-section{align-items:center;display:flex;flex-direction:column;gap:var(--grid-16);margin-bottom:var(--grid-32)}@media (min-width:640px){.upload-section{flex-direction:row;justify-content:center}}.file-input-wrapper{align-items:center;display:flex;flex-direction:column;gap:var(--grid-8)}.file-input-wrapper input[type=file]{display:none}.file-input-label{align-items:center;background:var(--glass-bg);border:2px dashed var(--glass-border);border-radius:var(--btn-radius);color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:var(--grid-8);min-height:44px;padding:var(--grid-16) var(--grid-24);transition:all .3s var(--ease-modal)}.file-input-label:hover{background:var(--glass-bg-strong);border-color:var(--primary);transform:translateY(-1px)}.file-name{color:var(--text-secondary);font-size:var(--type-caption);font-style:italic}.btn-large{font-size:var(--type-lg);padding:var(--grid-20) var(--grid-40)}.upload-info{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);margin-bottom:var(--grid-32);padding:var(--grid-24)}@media (max-width:767px){.upload-info{border-radius:var(--card-radius-mobile);padding:var(--grid-16)}}.upload-info h3,.upload-info h4{color:var(--text-primary);margin-bottom:var(--grid-16)}.info-grid{grid-gap:var(--grid-8);display:grid;gap:var(--grid-8);grid-template-columns:1fr;margin-bottom:var(--grid-24)}@media (min-width:640px){.info-grid{grid-template-columns:repeat(3,1fr)}}.info-item{color:var(--text-primary);font-size:var(--type-body)}.preview-table-wrapper{border:1px solid var(--glass-border);border-radius:var(--btn-radius);overflow-x:auto}.preview-table{border-collapse:collapse;font-size:var(--type-caption);width:100%}.preview-table td,.preview-table th{border-bottom:1px solid var(--glass-border);color:var(--text-primary);padding:var(--grid-12);text-align:left}.preview-table th{background:var(--glass-bg);font-weight:600}.staged-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);margin-bottom:var(--grid-32);padding:var(--grid-24)}@media (max-width:767px){.staged-section{border-radius:var(--card-radius-mobile);padding:var(--grid-16)}}.staged-section h3{color:var(--text-primary);margin-bottom:var(--grid-16)}.warning-text{background:var(--warning-bg);border-radius:var(--btn-radius);color:var(--warning-text);font-weight:600;margin-bottom:var(--grid-24);padding:var(--grid-16)}.generation-settings{margin-bottom:var(--grid-32)}.generation-settings h4{color:var(--text-primary);margin-bottom:var(--grid-16)}.settings-grid{grid-gap:var(--grid-16);display:grid;gap:var(--grid-16);grid-template-columns:1fr}@media (min-width:640px){.settings-grid{grid-template-columns:repeat(3,1fr)}}.setting-field{display:flex;flex-direction:column;gap:var(--grid-8)}.setting-field label{color:var(--text-primary);font-size:var(--type-body);font-weight:600}.result-info{margin-bottom:var(--grid-24)}.result-info p{font-size:var(--type-body);margin:var(--grid-8) 0}.generated-list{margin-top:var(--grid-24)}.generated-list h4{margin-bottom:var(--grid-16)}.generated-list ul{list-style:none;margin:0;padding:0}.generated-list li{background:var(--glass-bg);border-radius:var(--btn-radius);font-size:var(--type-caption);margin-bottom:var(--grid-8);padding:var(--grid-8)}.instructions{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);padding:var(--grid-24)}@media (max-width:767px){.instructions{border-radius:var(--card-radius-mobile);padding:var(--grid-16)}}.instructions h3{color:var(--text-primary);margin-bottom:var(--grid-16)}.instructions ol{color:var(--text-primary);padding-left:var(--grid-24)}.instructions li{font-size:var(--type-body);margin-bottom:var(--grid-8)}.manage-certificates-container{max-width:100%;padding:0}.manage-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--grid-16);justify-content:space-between;margin-bottom:var(--grid-32)}.manage-header h2{color:var(--text-primary);font-size:var(--type-title);font-weight:700;margin:0}.filter-section{grid-gap:var(--grid-16);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);display:grid;gap:var(--grid-16);grid-template-columns:1fr;margin-bottom:var(--grid-32);padding:var(--grid-24)}@media (min-width:640px){.filter-section{grid-template-columns:1fr 1fr}}@media (max-width:767px){.filter-section{border-radius:var(--card-radius-mobile);padding:var(--grid-16)}}.filter-group{display:flex;flex-direction:column;gap:var(--grid-8)}.filter-group label{font-weight:600}.filter-group label,.search-input{color:var(--text-primary);font-size:var(--type-body)}.search-input{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--btn-radius);min-height:44px;padding:var(--grid-12) var(--grid-16);transition:all .3s var(--ease-modal)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.loading{color:var(--text-secondary);font-size:var(--type-lg);padding:var(--grid-32);text-align:center}.stats-summary{grid-gap:var(--grid-16);display:grid;gap:var(--grid-16);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--grid-32)}.stat-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);padding:var(--grid-24);text-align:center;transition:all .3s var(--ease-modal)}@media (max-width:767px){.stat-box{border-radius:var(--card-radius-mobile);padding:var(--grid-16)}}.stat-box:hover{box-shadow:var(--elevation-1);transform:translateY(-2px)}.stat-box h3{color:var(--primary);font-size:var(--type-4xl);font-weight:700;margin:0 0 var(--grid-8) 0}.stat-box p{color:var(--text-secondary);font-size:var(--type-body);margin:0}.certificates-table-wrapper{border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);margin-bottom:var(--grid-32);overflow-x:auto}@media (max-width:767px){.certificates-table-wrapper{border-radius:var(--card-radius-mobile)}}.certificates-table{background:var(--bg-primary);border-collapse:collapse;font-size:var(--type-caption);width:100%}.certificates-table td,.certificates-table th{border-bottom:1px solid var(--glass-border);color:var(--text-primary);padding:var(--grid-16);text-align:left}.certificates-table th{font-size:var(--type-body);font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:1}.certificates-table tbody tr:hover,.certificates-table th{background:var(--glass-bg)}.status-badge{border-radius:var(--pill-radius);font-size:var(--type-xs);font-weight:600;padding:var(--grid-4) var(--grid-12);text-transform:uppercase}.status-badge.active{background:var(--success-bg);color:var(--success-text)}.status-badge.revoked{background:var(--error-bg);color:var(--error-text)}.status-badge.expired{background:var(--warning-bg);color:var(--warning-text)}.status-badge.accepted{background:var(--info-bg);color:var(--info-text)}.action-buttons-inline{align-items:center;display:flex;gap:var(--grid-8)}.btn-action{align-items:center;border:none;border-radius:var(--btn-radius);cursor:pointer;display:flex;font-size:var(--type-body);justify-content:center;min-height:32px;min-width:32px;padding:var(--grid-8);transition:all .3s var(--ease-modal)}.btn-view{background:var(--info-bg);color:var(--info-text)}.btn-edit{background:var(--warning-bg);color:var(--warning-text)}.btn-delete{background:var(--error-bg);color:var(--error-text)}.btn-action:hover{box-shadow:var(--elevation-1);transform:translateY(-1px)}.no-data{color:var(--text-secondary);font-size:var(--type-lg);padding:var(--grid-32);text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--grid-16);position:fixed;right:0;top:0;z-index:2000}.modal-content{background:var(--bg-primary);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-3);max-height:80vh;max-width:600px;overflow-y:auto;width:100%}@media (max-width:767px){.modal-content{border-radius:var(--card-radius-mobile);max-width:95%}}.modal-edit{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:var(--grid-24)}.modal-header h2{color:var(--text-primary);font-size:var(--type-title);font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--btn-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--type-4xl);height:32px;justify-content:center;padding:0;transition:all .3s var(--ease-modal);width:32px}.modal-close:hover{background:var(--glass-bg);color:var(--text-primary)}.modal-body{padding:var(--grid-24)}.detail-row{align-items:flex-start;border-bottom:1px solid var(--glass-border);display:flex;gap:var(--grid-16);justify-content:space-between;padding:var(--grid-12) 0}.detail-row:last-child{border-bottom:none}.detail-row strong{color:var(--text-primary);font-weight:600;min-width:150px}.detail-row span{color:var(--text-secondary);flex:1 1;text-align:right}.modal-actions{border-top:1px solid var(--glass-border);display:flex;gap:var(--grid-16);justify-content:flex-end;margin-top:var(--grid-24);padding-top:var(--grid-24)}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--pill-radius);color:var(--text-primary);cursor:pointer;font-size:var(--type-body);font-weight:600;min-height:44px;padding:var(--grid-12) var(--grid-24);transition:all .3s var(--ease-modal)}.btn-secondary:hover{background:var(--glass-bg-strong);transform:translateY(-1px)}.batches-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);margin-top:var(--grid-32);padding:var(--grid-24)}@media (max-width:767px){.batches-section{border-radius:var(--card-radius-mobile);padding:var(--grid-16)}}.batches-section h3{color:var(--text-primary);margin-bottom:var(--grid-24)}.batches-grid{grid-gap:var(--grid-16);display:grid;gap:var(--grid-16);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.batch-card{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);padding:var(--grid-16);transition:all .3s var(--ease-modal)}@media (max-width:767px){.batch-card{border-radius:var(--card-radius-mobile)}}.batch-card:hover{box-shadow:var(--elevation-1);transform:translateY(-2px)}.batch-card h4{color:var(--primary);font-size:var(--type-lg);margin:0 0 var(--grid-12) 0}.batch-card p{color:var(--text-secondary);font-size:var(--type-caption);margin:var(--grid-4) 0}.filter-group select{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--btn-radius);color:var(--text-primary);cursor:pointer;font-size:var(--type-body);min-height:44px;padding:var(--grid-12) var(--grid-16);transition:all .3s var(--ease-modal)}.filter-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.certificates-table strong{color:var(--text-primary);font-weight:700}.certificates-table tbody tr:last-child td{border-bottom:none}.modal-body hr{border:none;border-top:1px solid var(--glass-border);margin:var(--grid-24) 0}.modal-body h3{color:var(--text-primary);font-size:var(--type-lg);font-weight:700;margin:var(--grid-24) 0 var(--grid-16) 0}.btn-success{align-items:center;background:var(--success-gradient);border:none;border-radius:var(--pill-radius);color:var(--text-on-primary);cursor:pointer;display:flex;font-size:var(--type-body);font-weight:600;gap:var(--grid-8);justify-content:center;min-height:44px;padding:var(--grid-12) var(--grid-24);text-decoration:none;transition:all .3s var(--ease-modal)}.btn-success:hover{box-shadow:var(--elevation-2);text-decoration:none;transform:translateY(-2px)}.btn-success:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:767px){.manage-header{align-items:stretch;flex-direction:column}.manage-header h2{margin-bottom:var(--grid-16);text-align:center}}.hide-desktop,.hide-mobile,.hide-tablet{display:block}.show-desktop,.show-mobile,.show-tablet{display:none}@media (max-width:767px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.flex-mobile{display:flex!important}.grid-mobile{display:grid!important}}@media (min-width:768px) and (max-width:1023px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (min-width:1024px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}.flex-column-mobile{flex-direction:column}@media (min-width:768px){.flex-column-mobile{flex-direction:row}}.grid-stack-mobile{grid-gap:var(--grid-16);display:grid;gap:var(--grid-16);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:767px){.grid-stack-mobile{grid-template-columns:1fr}}.p-responsive{padding:var(--grid-16)}@media (min-width:768px){.p-responsive{padding:var(--grid-24)}}@media (min-width:1024px){.p-responsive{padding:var(--grid-32)}}.text-center-mobile{text-align:center}@media (min-width:768px){.text-center-mobile{text-align:left}}.responsive-container{margin:0 auto;padding:0 var(--grid-16);width:100%}@media (max-width:767px){.responsive-container{padding:0 var(--grid-8);width:98%}}@media (min-width:768px){.responsive-container{max-width:1200px;padding:0 var(--grid-24);width:95%}}.responsive-container-full{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:0 var(--grid-16);width:100vw}@media (max-width:767px){.responsive-container-full{padding:0 1%}}@media (min-width:768px){.responsive-container-full{padding:0 2.5%}}.main-content{padding-bottom:calc(var(--safe-bottom) + 80px);padding-top:calc(var(--safe-top) + 80px);width:100%}@media (max-width:767px){.main-content{padding-bottom:calc(var(--safe-bottom) + 120px)}}@media (min-width:1024px){body{margin:0 auto;width:95%}}.id-card-popup{align-items:center!important;background:#000000e6!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:16px!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.id-card-container{background:#fff!important;border-radius:12px!important;box-shadow:0 20px 60px #0000004d!important;display:flex!important;flex-direction:column!important;height:85vh!important;max-height:600px!important;max-width:800px!important;overflow:hidden!important;width:90vw!important}.id-card-header{align-items:center!important;background:#06c!important;color:#fff!important;display:flex!important;justify-content:space-between!important;padding:16px 24px!important}.id-card-close{background:#fff3!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;font-size:18px!important;height:32px!important;width:32px!important}.id-card-content{align-items:center!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:24px!important;justify-content:center!important;padding:24px!important}.id-card-popup .card-flip-container{height:220px!important;position:relative!important;width:350px!important}.id-card-popup .card-front{background:linear-gradient(135deg,#06c,#049)!important;border-radius:12px!important;box-shadow:0 8px 25px #00000026!important;color:#fff!important;display:flex!important;flex-direction:column!important;height:100%!important;padding:16px!important;width:100%!important}.id-card-popup .flip-button{background:#06c!important;border:none!important;border-radius:16px!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;padding:8px 16px!important}.card-viewer-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:var(--grid-16);position:fixed;right:0;top:0;z-index:9999}.card-viewer-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-4);max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:90vw}.card-viewer-modal>*{position:relative;z-index:1}.card-viewer-modal:after,.card-viewer-modal:before{background:radial-gradient(circle at center,#ffffff40 0,#fff0 70%);content:"";height:180px;pointer-events:none;position:absolute;width:180px;z-index:0}.card-viewer-modal:before{border-radius:50%;right:-90px;top:-90px}.card-viewer-modal:after{border-radius:50%;bottom:-110px;left:-110px}@media (max-width:767px){.card-viewer-modal{border-radius:var(--card-radius-mobile);width:95vw}}.card-viewer-header{align-items:center;background:var(--primary-gradient);color:var(--text-on-primary);display:flex;justify-content:space-between;padding:var(--grid-20)}.card-viewer-header h2{margin:0}.card-viewer-header h2,.close-btn{font-size:var(--type-lg);font-weight:700}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.card-display-area{align-items:center;display:flex;justify-content:center;min-height:450px;padding:var(--grid-24)}@media (max-width:767px){.card-display-area{min-height:380px;padding:var(--grid-16)}}.card-flipper{cursor:pointer;height:380px;perspective:1000px;position:relative;width:100%}@media (max-width:767px){.card-flipper{height:320px}}.card-back,.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--card-radius-desktop);box-shadow:var(--elevation-3);display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;transition:transform .6s ease;width:100%}@media (max-width:767px){.card-back,.card-front{border-radius:var(--card-radius-mobile)}}.card-back{transform:rotateY(180deg)}.card-flipper.flipped .card-front{transform:rotateY(-180deg)}.card-flipper.flipped .card-back{transform:rotateY(0deg)}.card-front{background:var(--primary-gradient);color:var(--text-on-primary);padding:var(--grid-20)}.card-header{border-bottom:1px solid #fff3;margin-bottom:var(--grid-16);padding-bottom:var(--grid-12);text-align:center}.company-title{font-size:var(--type-lg);font-weight:800;letter-spacing:1px;margin-bottom:var(--grid-4)}@media (max-width:767px){.company-title{font-size:var(--type-body)}}.card-type{font-size:var(--type-caption);font-weight:600;opacity:.9}.card-main{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:var(--grid-20);margin-bottom:var(--grid-16)}@media (max-width:767px){.card-main{align-items:center;flex-direction:column;gap:var(--grid-12);text-align:center}}.employee-photo{border:3px solid #ffffff4d;border-radius:var(--btn-radius);box-shadow:var(--elevation-2);flex-shrink:0;height:90px;object-fit:cover;width:90px}@media (max-width:767px){.employee-photo{height:70px;width:70px}}.photo-placeholder{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:var(--btn-radius);display:flex;flex-shrink:0;font-size:var(--type-display);height:90px;justify-content:center;width:90px}@media (max-width:767px){.photo-placeholder{font-size:var(--type-title);height:70px;width:70px}}.employee-details{flex:1 1 220px;min-width:0}.name{font-size:var(--type-title);font-weight:700;margin-bottom:var(--grid-8)}@media (max-width:767px){.name{font-size:var(--type-lg)}}.info{font-size:var(--type-caption);margin-bottom:var(--grid-4);opacity:.9}.status-active{color:#4ade80;font-weight:700}.status-inactive{color:#f87171;font-weight:700}.card-bottom{align-items:center;border-top:1px solid #fff3;display:flex;flex-wrap:wrap;gap:var(--grid-16);justify-content:space-between;padding-top:var(--grid-12)}@media (max-width:767px){.card-bottom{align-items:stretch;flex-direction:column;gap:var(--grid-12);text-align:center}}.qr-area{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.qr-code{background:#fff;border-radius:var(--btn-radius);box-shadow:var(--elevation-2);height:60px;padding:var(--grid-4);width:60px}@media (max-width:767px){.qr-code{height:50px;width:50px}}.qr-text{font-size:var(--type-xs);font-weight:700;margin-top:var(--grid-4);opacity:.8}.card-id{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:var(--btn-radius);font-size:var(--type-body);font-weight:700;letter-spacing:.5px;padding:var(--grid-8) var(--grid-12)}@media (max-width:767px){.card-id{font-size:var(--type-caption);width:100%}}.card-back{background:var(--bg-primary);border:2px solid var(--primary);color:var(--text-primary);padding:var(--grid-16)}.back-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;scrollbar-width:none}.back-content::-webkit-scrollbar{display:none}.info-sections{grid-gap:var(--grid-12);display:grid;gap:var(--grid-12);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--grid-16)}@media (max-width:767px){.info-sections{grid-template-columns:1fr}}.section-card{background:linear-gradient(160deg,#ffffff2e,#ffffff0d);border:1px solid #ffffff26;border-radius:var(--card-radius-mobile);box-shadow:var(--elevation-1);display:flex;flex-direction:column;gap:var(--grid-12);min-height:150px;padding:var(--grid-16)}.section-header{align-items:center;color:var(--primary);display:flex;font-size:var(--type-caption);font-weight:600;gap:var(--grid-8)}.section-icon{font-size:var(--type-body)}.section-list{flex-direction:column;list-style:none;margin:0;padding:0}.section-item,.section-list{display:flex;gap:var(--grid-8)}.section-item{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;font-size:var(--type-xs);justify-content:space-between;line-height:1.3;padding:var(--grid-8) var(--grid-10)}.item-label{color:var(--text-secondary);font-weight:600}.item-value{color:var(--text-primary);display:inline-flex;font-weight:600;justify-content:flex-end;text-align:right;word-break:break-word}.item-value.status-active,.item-value.status-inactive,.item-value.status-on_leave,.item-value.status-resigned,.item-value.status-suspended,.item-value.status-terminated{background:#4ade8026;border-radius:999px;padding:2px 8px}.item-value.status-inactive{background:#f8717126;color:#f87171}.item-value.status-terminated{background:#f8717133;color:#ef4444}.item-value.status-resigned{background:#fbbf2433;color:#d97706}.item-value.status-on_leave{background:#818cf833;color:#4c1d95}.item-value.status-suspended{background:#f8717133;color:#b91c1c}.item-value.status-active{color:#22c55e}.info-empty{background:var(--glass-bg);border:1px dashed var(--glass-border);border-radius:var(--btn-radius);color:var(--text-secondary);font-size:var(--type-caption);margin-bottom:var(--grid-16);padding:var(--grid-16);text-align:center}.card-footer{border-top:1px solid var(--primary);display:flex;flex-direction:column;gap:var(--grid-4);margin-top:auto;padding-top:var(--grid-12);text-align:center}.card-footer div{color:var(--text-secondary);font-size:var(--type-xs);line-height:1.2}.card-footer div:first-child,.card-footer div:nth-child(2){color:var(--primary);font-weight:600}.card-actions{background:var(--bg-secondary);border-top:1px solid var(--glass-border);display:flex;justify-content:center;padding:var(--grid-20)}.close-button{background:var(--primary-gradient);border:none;border-radius:var(--btn-radius);box-shadow:var(--elevation-1);color:#fff;cursor:pointer;font-size:var(--type-body);font-weight:600;min-height:44px;min-width:120px;padding:var(--grid-12) var(--grid-24);transition:all .3s var(--ease-modal)}.close-button:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.card-back,.card-flipper,.card-front{transition:none}}.close-btn:focus,.close-button:focus{outline:2px solid var(--primary);outline-offset:2px}
/*# sourceMappingURL=main.32b5648a.css.map*/