.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.5rem}.form-input,.form-group input,.form-group select,.form-group textarea,.form-field input,.form-field select,.form-field textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-md, 8px);font-size:1rem;color:var(--color-text-primary);background:#fff;box-sizing:border-box;transition:border-color var(--transition-base, .2s),box-shadow var(--transition-base, .2s)}.form-input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #3b82f61a}.form-select,.form-group select,.form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.form-group textarea,.form-field textarea{resize:vertical;min-height:100px}.form-input:disabled,.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled,.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background:var(--color-bg-tertiary, #f3f4f6);cursor:not-allowed;opacity:.7}.form-input[readonly],.form-group input[readonly],.form-field input[readonly]{background:var(--color-bg-secondary, #f9fafb);cursor:default}.form-input::placeholder,.form-group input::placeholder,.form-field input::placeholder{color:var(--color-text-tertiary, #9ca3af)}.form-actions{margin-top:1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea,.form-field.has-error input,.form-field.has-error select,.form-field.has-error textarea{border-color:var(--color-danger, #dc2626)}.form-error{color:var(--color-danger, #dc2626);font-size:.75rem;margin-top:.25rem}.form-helper{color:var(--color-text-tertiary, #9ca3af);font-size:.75rem;margin-top:.25rem}.form-label-required:after{content:" *";color:var(--color-danger, #dc2626)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-secondary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-primary-light: #3b82f6;--color-primary-bg: #eff6ff;--color-secondary: #6366f1;--color-secondary-dark: #4f46e5;--color-secondary-light: #8b5cf6;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-muted: #52606d;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-card: #ffffff;--color-bg-hover: #f3f4f6;--color-bg-icon: #f3f4f6;--color-bg-page: #f5f5f5;--color-border: #e5e7eb;--color-border-light: #d1d5db;--color-border-dark: #d2d6dc;--color-border-focus: #2563eb;--color-success: #059669;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-success-border: #bbf7d0;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-warning-border: #fde68a;--color-error: #dc2626;--color-error-bg: #fee2e2;--color-error-text: #991b1b;--color-error-border: #fecaca;--color-error-message: #b91c1c;--color-error-hover: #7f1d1d;--color-error-bg-hover: #fee2e2;--color-info: #2563eb;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-info-border: #bfdbfe;--color-neutral-bg: #f3f4f6;--color-neutral-text: #4b5563;--color-accent-red: #f87171;--color-accent-green: #10b981;--color-accent-green-light: #34d399;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 24px 48px rgba(15, 23, 42, .12);--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}a{font-weight:500;color:var(--color-primary-light);text-decoration:inherit}a:hover{color:var(--color-primary)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg-page);color:var(--color-text-primary)}h1{font-size:3.2em;line-height:1.1}button{font-family:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-row-between{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.flex-row-center{display:flex;flex-direction:row;align-items:center;justify-content:center}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--color-border)}.border-none{border:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.hidden{display:none}.invisible{visibility:hidden}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}@media(max-width:640px){.sm\:hidden{display:none}.sm\:flex-col{flex-direction:column}.sm\:w-full{width:100%}.sm\:text-center{text-align:center}}@media(max-width:768px){.md\:hidden{display:none}.md\:flex-col{flex-direction:column}}.app-shell{max-width:960px;margin:0 auto;padding:var(--spacing-2xl, 3rem) var(--spacing-lg, 1.5rem) var(--spacing-xl, 4rem);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text-primary, #1f2933)}.dashboard-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl, 2rem) var(--spacing-lg, 1.5rem)}.dashboard-header{text-align:center;margin-bottom:var(--spacing-2xl, 3rem);padding-bottom:var(--spacing-lg, 1.5rem);border-bottom:2px solid var(--color-border, #e2e8f0)}.dashboard-header h1{font-size:2.5rem;margin-bottom:var(--spacing-sm, .5rem);color:var(--color-text-primary, #1f2933)}.dashboard-header p{font-size:1.1rem;color:var(--color-text-secondary, #52606d);margin:0}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg, 1.5rem)}.dashboard-section{background:var(--color-bg-primary, #ffffff);border-radius:var(--radius-lg, 12px);padding:var(--spacing-lg, 1.5rem);box-shadow:var(--shadow-sm, 0 4px 6px rgba(15, 23, 42, .08));border:1px solid var(--color-border, #e2e8f0)}.dashboard-section h2{font-size:1.25rem;margin:0 0 var(--spacing-md, 1rem) 0;color:var(--color-text-primary, #1f2933);font-weight:700;padding-bottom:.75rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.info-block{display:flex;flex-direction:column;gap:.75rem}.info-block p{margin:0;font-size:.95rem;line-height:1.6;color:var(--color-text-primary, #374151)}.info-block p strong{color:var(--color-text-primary, #1f2933);font-weight:600}header{text-align:center;margin-bottom:var(--spacing-xl, 2rem)}header h1{font-size:2.25rem;margin-bottom:var(--spacing-sm, .5rem)}header p{color:var(--color-text-secondary, #52606d);margin:0}@media(max-width:768px){.app-shell{padding:var(--spacing-xl, 2rem) var(--spacing-md, 1rem)}.dashboard-container{padding:var(--spacing-lg, 1.5rem) var(--spacing-md, 1rem)}.dashboard-content{grid-template-columns:1fr}.dashboard-header h1{font-size:2rem}}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}ul,ol{list-style:none;padding:0;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}:focus:not(:focus-visible){outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;border-radius:var(--radius-md, .5rem);cursor:pointer;transition:all var(--transition-fast, .15s ease);border:1px solid transparent;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.btn-small{padding:.375rem .75rem;font-size:.8125rem}.btn-medium{padding:.5rem 1rem;font-size:.875rem}.btn-large{padding:.625rem 1.25rem;font-size:1rem}.btn-primary{background-color:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark, #1d4ed8);border-color:var(--color-primary-dark, #1d4ed8)}.btn-secondary{background-color:#fff;color:var(--color-text-primary, #111827);border-color:var(--color-border, #d1d5db)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover, #f3f4f6)}.btn-danger{background-color:var(--color-error, #dc2626);color:#fff;border-color:var(--color-error, #dc2626)}.btn-danger:hover:not(:disabled){background-color:var(--color-error-hover, #b91c1c);border-color:var(--color-error-hover, #b91c1c)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary, #6b7280);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-hover, #f3f4f6);color:var(--color-text-primary, #111827)}.btn-link{background-color:transparent;color:var(--color-primary, #2563eb);border-color:transparent;padding-left:0;padding-right:0}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-full-width{width:100%}.btn-loading{position:relative}.btn-spinner{width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon{display:inline-flex;align-items:center;flex-shrink:0}.btn-icon svg{width:1em;height:1em}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md, .5rem);transition:all var(--transition-fast, .15s ease);color:var(--color-text-secondary, #6b7280)}.icon-btn:hover:not(:disabled){background-color:var(--color-bg-hover, #f3f4f6);color:var(--color-text-primary, #111827)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn-small{width:1.75rem;height:1.75rem;font-size:.875rem}.icon-btn-medium{width:2rem;height:2rem;font-size:1rem}.icon-btn-large{width:2.5rem;height:2.5rem;font-size:1.125rem}.icon-btn-primary{color:var(--color-primary, #2563eb)}.icon-btn-primary:hover:not(:disabled){background-color:var(--color-primary-bg, #eff6ff);color:var(--color-primary-dark, #1d4ed8)}.icon-btn-danger{color:var(--color-error, #dc2626)}.icon-btn-danger:hover:not(:disabled){background-color:var(--color-error-bg, #fee2e2)}.auth-page,.app-shell-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary, #f5f5f5);padding:var(--spacing-xl, 2rem) var(--spacing-md, 1rem);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-panel-new{background:var(--color-bg-primary, #ffffff);border-radius:20px;box-shadow:0 4px 20px #00000014;padding:var(--spacing-2xl, 3rem) 2.5rem;width:100%;max-width:520px}.auth-logo-new{text-align:center;margin-bottom:var(--spacing-xl, 2rem)}.logo-title{font-size:2rem;font-weight:700;color:var(--color-text-primary, #1f2933);margin:0 0 .25rem;display:flex;align-items:center;justify-content:center;gap:0}.logo-marker{color:#f87171;font-size:1.75rem;margin:0 -2px}.logo-tagline{font-size:1rem;color:var(--color-primary-light, #3b82f6);margin:0;font-weight:500}.auth-content-new{width:100%}.auth-form-new{display:flex;flex-direction:column;gap:1.25rem}.form-fieldset{border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-md, 8px);padding:.75rem var(--spacing-md, 1rem) .875rem;margin:0;position:relative}.form-fieldset legend{font-size:.85rem;font-weight:500;color:var(--color-text-secondary, #6b7280);padding:0 .5rem;margin-left:-.25rem}.form-fieldset input,.form-fieldset select{width:100%;border:none;outline:none;font-size:1rem;color:var(--color-text-primary, #1f2933);background:transparent;padding:0}.form-fieldset select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;padding-right:1.5rem}.form-fieldset input::placeholder{color:var(--color-text-tertiary, #9ca3af)}.form-fieldset input.readonly{color:var(--color-text-secondary, #6b7280);cursor:not-allowed;background-color:var(--color-bg-tertiary, #f3f4f6)}.form-fieldset:focus-within{border-color:var(--color-primary-light, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.form-fieldset .password-input-wrapper{position:relative;display:flex;align-items:center}.form-fieldset .password-input-wrapper input{padding-right:2rem}.form-fieldset .password-toggle{position:absolute;right:0;background:none;border:none;cursor:pointer;color:var(--color-text-secondary, #6b7280);padding:0;display:flex;align-items:center;justify-content:center}.form-fieldset .password-toggle:hover{color:var(--color-text-primary, #374151)}.auth-buttons-row{display:flex;gap:var(--spacing-md, 1rem);margin-top:var(--spacing-sm, .5rem)}.auth-buttons-row .btn{flex:1}.auth-links-new{text-align:center;margin-top:var(--spacing-sm, .5rem)}.forgot-password{font-size:.9rem;color:var(--color-text-secondary, #6b7280);margin:0}.staff-link{font-size:.875rem;color:var(--color-text-secondary, #6b7280);margin:0}.link-action{color:var(--color-primary-light, #3b82f6);cursor:pointer;font-weight:500}.link-action:hover{color:var(--color-primary, #2563eb);text-decoration:underline}.link-blue{color:var(--color-primary-light, #3b82f6);text-decoration:none;font-weight:500;cursor:pointer}.link-blue:hover{color:var(--color-primary, #2563eb);text-decoration:underline}.auth-error-new{margin:0;padding:.75rem;background-color:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error-border, #fecaca);border-radius:var(--radius-md, 8px);color:var(--color-error, #dc2626);font-size:.875rem;text-align:center}.auth-success{margin:0;color:var(--color-success, #047857);font-weight:600}.auth-error{margin:0;color:var(--color-error, #dc2626);font-weight:600}.auth-message{margin:0;font-size:.9rem;text-align:center;padding:.75rem;border-radius:var(--radius-md, 6px)}.form-header{text-align:center;margin-bottom:var(--spacing-md, 1rem)}.form-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #1f2933);margin:0 0 .5rem}.form-subtitle{font-size:.95rem;color:var(--color-text-secondary, #6b7280);margin:0;line-height:1.5}.otp-container{display:flex;justify-content:center;gap:var(--spacing-sm, .5rem);margin:var(--spacing-md, 1rem) 0}.otp-input{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid var(--color-border, #d1d5db);border-radius:10px;background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #1f2933);transition:border-color var(--transition-fast, .2s ease),box-shadow var(--transition-fast, .2s ease)}.otp-input:focus{outline:none;border-color:var(--color-primary-light, #3b82f6);box-shadow:0 0 0 3px #3b82f626}.otp-input:disabled{background-color:var(--color-bg-tertiary, #f3f4f6);color:var(--color-text-tertiary, #9ca3af);cursor:not-allowed}.success-message-container{text-align:center;padding:var(--spacing-xl, 2rem) var(--spacing-md, 1rem)}.success-icon{width:64px;height:64px;margin:0 auto var(--spacing-md, 1rem);background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-bg-primary, #ffffff);animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary, #1f2933);margin:0 0 .75rem}.success-text{font-size:.95rem;color:var(--color-text-secondary, #6b7280);margin:0 0 .5rem;line-height:1.5}.success-subtext{font-size:.85rem;color:var(--color-text-tertiary, #9ca3af);margin:0}.auth-container{background:var(--color-bg-primary, #ffffff);border-radius:16px;box-shadow:0 24px 48px #0f172a1f;padding:var(--spacing-xl, 2rem)}.auth-container-new{background:var(--color-bg-primary, #ffffff);border-radius:12px;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1));padding:var(--spacing-2xl, 3rem) 2.5rem;width:100%;max-width:450px}.auth-logo{text-align:center;margin-bottom:var(--spacing-xl, 2rem)}.logo-text{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:var(--color-text-primary, #1f2933);letter-spacing:-.5px}.logo-icon{color:var(--color-error, #dc2626);font-size:2.5rem;display:inline-flex;align-items:center;vertical-align:middle;margin:0 .1rem}.logo-icon svg{width:2.5rem;height:2.5rem}.tagline{font-size:.95rem;color:var(--color-text-secondary, #6b7280);margin:0;font-weight:400}.auth-field-new{display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem)}.auth-field-new span{font-size:.9rem;font-weight:600;color:var(--color-text-primary, #374151)}.auth-field-new input{padding:.875rem var(--spacing-md, 1rem);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #d1d5db);font-size:1rem;background:var(--color-bg-primary, #ffffff);transition:border var(--transition-fast, .2s ease),box-shadow var(--transition-fast, .2s ease);width:100%;box-sizing:border-box}.auth-field-new input:focus{outline:none;border-color:var(--color-primary-light, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:var(--spacing-2xl, 3rem)}.password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, #6b7280);transition:color var(--transition-fast, .2s ease)}.password-toggle svg{width:1.25rem;height:1.25rem}.password-toggle:hover{color:var(--color-text-primary, #374151)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.auth-links{margin-top:var(--spacing-lg, 1.5rem);display:flex;flex-direction:column;gap:.75rem;text-align:center}.auth-links p{margin:0;font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.auth-tabs{display:flex;gap:var(--spacing-sm, .5rem);background:#f8fafc;padding:var(--spacing-sm, .5rem);border-radius:12px;margin-bottom:var(--spacing-lg, 1.5rem)}.auth-tab{flex:1;padding:.75rem var(--spacing-md, 1rem);border:none;border-radius:10px;background:transparent;color:var(--color-text-secondary, #52606d);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast, .2s ease),color var(--transition-fast, .2s ease)}.auth-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:var(--color-bg-primary, #ffffff)}.auth-content{padding-top:var(--spacing-md, 1rem)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.auth-form h2{font-size:1.5rem;margin:0;color:var(--color-text-primary, #1f2933)}.auth-field{display:flex;flex-direction:column;gap:.35rem;text-align:left}.auth-field span{font-size:.9rem;font-weight:600;color:var(--color-text-secondary, #52606d)}.auth-field input,.auth-field select{padding:.75rem var(--spacing-md, 1rem);border-radius:10px;border:1px solid var(--color-border, #d2d6dc);font-size:1rem;background:var(--color-bg-primary, #ffffff);transition:border var(--transition-fast, .2s ease),box-shadow var(--transition-fast, .2s ease)}.auth-field input:focus,.auth-field select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.auth-form button{margin-top:var(--spacing-sm, .5rem);padding:.85rem 1.5rem;border-radius:10px;border:none;font-size:1rem;font-weight:600;color:var(--color-bg-primary, #ffffff);background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.auth-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 30px #6366f14d}.auth-form button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.auth-container{padding:var(--spacing-lg, 1.5rem)}.auth-panel-new{padding:var(--spacing-xl, 2rem) var(--spacing-lg, 1.5rem)}}.profile-completion-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;padding:2rem 1rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.profile-completion-container{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:2.5rem 3rem;width:100%;max-width:700px}.profile-completion-header{text-align:center;margin-bottom:2rem}.profile-completion-header .logo-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .25rem;display:flex;align-items:center;justify-content:center;gap:0}.profile-completion-header .logo-marker{color:#f87171;font-size:1.5rem;margin:0 2px}.profile-completion-header .logo-tagline{font-size:1rem;color:#3b82f6;margin:0;font-weight:500}.profile-completion-header .role-label{font-size:.9rem;color:#6b7280;margin:.5rem 0 0}.profile-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.profile-fieldset{border:1px solid #d1d5db;border-radius:8px;padding:.5rem 1rem .75rem;margin:0;position:relative}.form-fieldset.invisible{visibility:hidden}.profile-fieldset legend{font-size:.8rem;font-weight:500;color:#374151;padding:0 .5rem;margin-left:-.25rem}.profile-fieldset input,.profile-fieldset select{width:100%;border:none;outline:none;font-size:1rem;color:#1f2937;background:transparent;padding:.25rem 0}.profile-fieldset input.readonly{color:#6b7280;cursor:not-allowed}.profile-fieldset input::placeholder{color:#9ca3af}.profile-fieldset select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;padding-right:1.5rem}.profile-fieldset:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.field-hint{display:block;font-size:.75rem;color:#3b82f6;margin-top:.25rem}.profile-form .form-actions{margin-top:1.5rem;display:flex;justify-content:center}.profile-form .submit-btn{background:#3b82f6;color:#fff;border:none;padding:.875rem 3rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.profile-form .submit-btn:hover:not(:disabled){background:#2563eb}.profile-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.profile-error{margin:0;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;text-align:center}@media(max-width:640px){.profile-completion-container{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-fieldset.invisible{display:none}}.timein-overlay{position:fixed;inset:0;background-color:#fff;z-index:1000}.timein-modal{width:100%;height:100%;overflow-y:auto;padding:0;box-sizing:border-box;display:flex;flex-direction:column}.timein-modal>*:not(.timein-header){padding:0 1rem}.timein-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#04c;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.timein-header h2{margin:0;color:#fff;font-size:1.25rem;font-weight:500}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#fff;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.close-btn:hover{opacity:.8}.map-container{margin-bottom:1.5rem;border-radius:8px;overflow:hidden;position:relative;background-color:#f8f9fa;min-height:400px;height:400px;width:100%;border:1px solid #ddd}.map-loading{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.loading-spinner{width:40px;height:40px;margin-bottom:10px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}#map{height:100%!important;width:100%!important;position:absolute!important;inset:0}.selected-location-info{position:absolute;bottom:0;left:0;right:0;background:#ffffffe6;padding:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.use-location-btn{padding:.5rem 1rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.use-location-btn:hover{background-color:#2980b9}.location-form{margin-bottom:1.5rem}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.5rem;color:#2c3e50}.input-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.input-group input[type=number]{width:150px}.radius-helper{font-size:.8rem;color:#666;margin-top:4px}.input-group input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.status-section{background-color:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1rem}.status-text,.action-text{font-weight:700;color:#3498db}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.time-btn{padding:.75rem;border:none;border-radius:4px;background-color:#3498db;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s}.time-btn:hover{background-color:#2980b9}.time-btn:disabled,.time-btn.disabled,.save-btn:disabled{background-color:#bdc3c7;color:#7f8c8d;cursor:not-allowed;opacity:.6}.time-btn.disabled:hover{background-color:#bdc3c7}.status-text.in-range{color:#27ae60}.status-text.out-of-range{color:#e74c3c}.status-text.timed-in{color:#27ae60;font-weight:700}.status-section p{display:flex;justify-content:space-between;margin:.5rem 0;padding:.5rem;border-radius:4px;background-color:#ffffff80}.time-restriction-message{font-size:.9rem;color:#e67e22;font-weight:500;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:.75rem;margin:.75rem 0}.today-status{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:.75rem;margin:.75rem 0}.status-label{font-weight:600;color:#495057;margin-bottom:.5rem!important;font-size:.95rem}.session-status{margin:.25rem 0!important;padding:.25rem 0!important;font-size:.9rem;color:#6c757d}.save-btn{width:100%;padding:.75rem;border:none;border-radius:4px;background-color:#2ecc71;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s}.save-btn:hover{background-color:#27ae60}.saved-locations{border-top:1px solid #ddd;padding-top:1.5rem}.saved-locations h3{margin:0 0 1rem;color:#2c3e50}.custom-map-control{background-color:#fff;border:0;border-radius:2px;box-shadow:0 1px 4px -1px #0000004d;margin:10px;padding:8px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;cursor:pointer}.custom-map-control:hover{background-color:#f1f3f4}.custom-map-control:active{background-color:#e8eaed}.location-list{max-height:300px;overflow-y:auto;padding:.5rem}.history-entry{background-color:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:.5rem;border-left:4px solid #3498db;transition:transform .2s}.history-entry:hover{transform:translate(4px)}.history-entry.time-in{border-left-color:#2ecc71}.history-entry.time-out{border-left-color:#e74c3c}.history-time{font-size:.9rem;color:#666;margin-bottom:.5rem}.history-details{display:flex;justify-content:space-between;align-items:center}.history-type{font-weight:500;color:#2c3e50}.history-location{color:#666;font-size:.9rem}.no-history{text-align:center;color:#666;padding:2rem;font-style:italic}.permission-container{padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.permission-container p{color:#666;margin:0;line-height:1.5}.permission-btn{margin-top:1rem;padding:12px 24px;background-color:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.permission-btn:hover{background-color:#2980b9}.error-text{color:#e74c3c!important;font-weight:500}@media(max-width:768px){.timein-modal>*:not(.timein-header){padding:0 1.25rem}.map-container{height:300px;min-height:300px}.button-group{grid-template-columns:1fr;gap:.75rem}.input-group input[type=number]{width:100%}.timein-header h2{font-size:1.1rem}.save-btn,.time-btn{padding:.875rem}}.maplibregl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0,0,0,0)}.maplibregl-canvas{left:0;position:absolute;top:0}.maplibregl-map:fullscreen{height:100%;width:100%}.maplibregl-ctrl-group button.maplibregl-ctrl-compass{touch-action:none}.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer{cursor:pointer}.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active{cursor:grabbing}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:pinch-zoom}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:none}.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures,.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.maplibregl-ctrl-top-left{left:0;top:0}.maplibregl-ctrl-top-right{right:0;top:0}.maplibregl-ctrl-bottom-left{bottom:0;left:0}.maplibregl-ctrl-bottom-right{bottom:0;right:0}.maplibregl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.maplibregl-ctrl-top-left .maplibregl-ctrl{float:left;margin:10px 0 0 10px}.maplibregl-ctrl-top-right .maplibregl-ctrl{float:right;margin:10px 10px 0 0}.maplibregl-ctrl-bottom-left .maplibregl-ctrl{float:left;margin:0 0 10px 10px}.maplibregl-ctrl-bottom-right .maplibregl-ctrl{float:right;margin:0 10px 10px 0}.maplibregl-ctrl-group{background:#fff;border-radius:4px}.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media(forced-colors:active){.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.maplibregl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;padding:0;width:29px}.maplibregl-ctrl-group button+button{border-top:1px solid #ddd}.maplibregl-ctrl button .maplibregl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media(forced-colors:active){.maplibregl-ctrl-icon{background-color:transparent}.maplibregl-ctrl-group button+button{border-top:1px solid ButtonText}}.maplibregl-ctrl button::-moz-focus-inner{border:0;padding:0}.maplibregl-ctrl-attrib-button:focus,.maplibregl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl button:disabled{cursor:not-allowed}.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon{opacity:.25}@media(hover:hover){.maplibregl-ctrl button:not(:disabled):hover{background-color:#0000000d}}.maplibregl-ctrl button:not(:disabled):active{background-color:#0000000d}.maplibregl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.maplibregl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.maplibregl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.maplibregl-ctrl-group button:focus:only-child{border-radius:inherit}.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}@media(forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}@media(forced-colors:active)and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}@media(forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}@media(forced-colors:active)and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}@media(forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}@media(forced-colors:active)and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-globe .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23333' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-globe-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%2333b5e5' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23333' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%2333b5e5' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23aaa' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon{animation:maplibregl-spin 2s linear infinite}@media(forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23999' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}}@media(forced-colors:active)and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23666' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}}@keyframes maplibregl-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.maplibregl-ctrl-logo.maplibregl-compact{width:14px}@media(forced-colors:active){a.maplibregl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}@media(forced-colors:active)and (prefers-color-scheme:light){a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}.maplibregl-ctrl.maplibregl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.maplibregl-ctrl-attrib.maplibregl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;color:#000;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.maplibregl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;list-style:none}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker{display:none}.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button{left:0}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block}.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button{background-color:#0000000d}.maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;right:0}.maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{right:0;top:0}.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{left:0;top:0}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;left:0}}@media screen and (forced-colors:active){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (forced-colors:active)and (prefers-color-scheme:light){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.maplibregl-ctrl-attrib a{color:#000000bf;text-decoration:none}.maplibregl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.maplibregl-attrib-empty{display:none}.maplibregl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.maplibregl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right{flex-direction:column}.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right{flex-direction:column-reverse}.maplibregl-popup-anchor-left{flex-direction:row}.maplibregl-popup-anchor-right{flex-direction:row-reverse}.maplibregl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.maplibregl-popup-anchor-top .maplibregl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.maplibregl-popup-anchor-left .maplibregl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.maplibregl-popup-anchor-right .maplibregl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.maplibregl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.maplibregl-popup-close-button:hover{background-color:#0000000d}.maplibregl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:15px 10px;pointer-events:auto;position:relative}.maplibregl-popup-anchor-top-left .maplibregl-popup-content{border-top-left-radius:0}.maplibregl-popup-anchor-top-right .maplibregl-popup-content{border-top-right-radius:0}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}.maplibregl-popup-track-pointer{display:none}.maplibregl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-map:hover .maplibregl-popup-track-pointer{display:flex}.maplibregl-map:active .maplibregl-popup-track-pointer{display:none}.maplibregl-marker{left:0;position:absolute;top:0;transition:opacity .2s;will-change:transform}.maplibregl-user-location-dot,.maplibregl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.maplibregl-user-location-dot:before{animation:maplibregl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.maplibregl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}@keyframes maplibregl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.maplibregl-user-location-dot-stale{background-color:#aaa}.maplibregl-user-location-dot-stale:after{display:none}.maplibregl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.maplibregl-crosshair,.maplibregl-crosshair .maplibregl-interactive,.maplibregl-crosshair .maplibregl-interactive:active{cursor:crosshair}.maplibregl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}.maplibregl-cooperative-gesture-screen{align-items:center;background:#0006;color:#fff;display:flex;font-size:1.4em;inset:0;justify-content:center;line-height:1.2;opacity:0;padding:1rem;pointer-events:none;position:absolute;transition:opacity 1s ease 1s;z-index:99999}.maplibregl-cooperative-gesture-screen.maplibregl-show{opacity:1;transition:opacity .05s}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:none}@media(hover:none),(pointer:coarse){.maplibregl-cooperative-gesture-screen .maplibregl-desktop-message{display:none}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:block}}.maplibregl-pseudo-fullscreen{height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:99999}.saved-locations{margin-bottom:20px}.location-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.location-btn{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background:#f5f5f5;cursor:pointer;transition:all .2s}.location-btn.active{background:#007bff;color:#fff;border-color:#0056b3}.add-location-btn{width:100%;padding:8px;margin-top:10px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-location-btn:hover{background:#218838}.inline-icon{margin-right:6px;font-size:14px;vertical-align:middle}.timed-in-icon,.in-range-icon{color:#28a745}.out-of-range-icon{color:#dc3545}.time-in-icon{color:#28a745}.time-out-icon{color:#6c757d}.location-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px}.location-name{font-weight:500}.location-btn.not-approved{background:#f8f9fa;border-color:#dee2e6;cursor:not-allowed;opacity:.7}.location-btn.not-approved:hover{background:#f8f9fa}.approval-badge{font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:500}.approval-badge.approved{background-color:#d4edda;color:#155724}.approval-badge.pending{background-color:#fff3cd;color:#856404}.approval-badge.rejected{background-color:#f8d7da;color:#721c24}.location-section{margin-bottom:16px}.location-section-title{font-size:.85rem;font-weight:600;margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid #e0e0e0}.location-section-title.approved-title{color:#155724}.location-section-title.pending-title{color:#856404}.no-locations-message{color:#666;font-size:.9rem;text-align:center;padding:16px;background:#f9f9f9;border-radius:4px;margin-bottom:12px}.face-verification-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);z-index:2000;padding:1rem}.face-verification-container{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.verification-header{text-align:center}.verification-header h3{color:#111827;font-size:1.5rem;font-weight:800;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.verification-header p{color:#6b7280;font-size:.95rem;margin:0}.verification-video-container{position:relative;width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#000}.verification-video-container video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.verification-video-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(-1)}.verification-guide{width:180px;height:220px;border:3px dashed rgba(59,130,246,.6);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleX(-1);pointer-events:none;transition:all .3s ease}.verification-guide.detected{border-color:#f59e0b;border-style:solid;box-shadow:0 0 20px #f59e0b4d;animation:pulse-blink 1.5s ease-in-out infinite}.verification-guide.liveness-verified{border-color:#22c55e;border-style:solid;box-shadow:0 0 20px #22c55e4d}@keyframes pulse-blink{0%,to{box-shadow:0 0 20px #f59e0b4d}50%{box-shadow:0 0 30px #f59e0b99}}.verification-guide.verifying{border-color:#f59e0b;animation:pulse-verify 1s ease-in-out infinite}.verification-guide.verified{border-color:#22c55e;border-width:4px;box-shadow:0 0 30px #22c55e80}.verification-guide.failed{border-color:#ef4444;border-width:4px;box-shadow:0 0 30px #ef444480}@keyframes pulse-verify{0%,to{opacity:1}50%{opacity:.5}}.verification-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff2;gap:1rem;z-index:10}.verification-spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.verification-loading-text{color:#4b5563;font-size:.9rem;font-weight:500}.verification-status{text-align:center;padding:1rem 1.25rem;border-radius:10px;font-size:.9375rem;font-weight:500}.verification-status.info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.verification-status.verifying{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.verification-status.success{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.verification-status.error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.verification-similarity{margin-top:.5rem;font-size:.8125rem;opacity:.8}.verification-controls{display:flex;gap:1rem;justify-content:center}.verification-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.verification-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 14px #3b82f64d}.verification-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.verification-btn.secondary{background:#fff;color:#4b5563;border:2px solid #e5e7eb}.verification-btn.secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.verification-btn.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.verification-btn:disabled{opacity:.5;cursor:not-allowed}.no-face-registered{text-align:center;padding:2rem}.no-face-registered-icon{font-size:3rem;color:#f59e0b;margin-bottom:1rem}.no-face-registered h4{color:#111827;font-size:1.125rem;margin-bottom:.5rem}.no-face-registered p{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}.alert-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out}.alert-modal-container{background:#fff;border-radius:16px;padding:2rem;max-width:420px;width:100%;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;position:relative;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1);text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.alert-close-btn{position:absolute;top:1rem;right:1rem;background:#f1f5f9;border:none;border-radius:8px;padding:.5rem;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.alert-close-btn:hover{background:#e2e8f0;color:#1e40af;transform:scale(1.05)}.alert-close-btn svg{width:18px;height:18px}.alert-icon-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.alert-icon-circle{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconPop .4s cubic-bezier(.16,1,.3,1) .1s both;background:#eff6ff;border:2px solid #3b82f6;color:#1d4ed8}@keyframes iconPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.alert-icon-circle .alert-icon{width:36px;height:36px}.alert-icon-success,.alert-icon-error,.alert-icon-warning,.alert-icon-info{background:#eff6ff;border:2px solid #3b82f6;color:#1d4ed8}.alert-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;letter-spacing:-.02em}.alert-message{font-size:1rem;color:#64748b;margin:0 0 1.75rem;line-height:1.6}.alert-actions{display:flex;gap:.75rem;justify-content:center}.alert-btn{padding:.75rem 1.75rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:100px}.alert-btn-cancel{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.alert-btn-cancel:hover{background:#e2e8f0;color:#475569;transform:translateY(-2px)}.alert-btn-confirm,.alert-btn-success,.alert-btn-error,.alert-btn-warning,.alert-btn-info{background:#3b82f6;color:#fff;box-shadow:0 4px 15px #3b82f64d}.alert-btn-confirm:hover,.alert-btn-success:hover,.alert-btn-error:hover,.alert-btn-warning:hover,.alert-btn-info:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}@media(max-width:480px){.alert-modal-container{padding:1.5rem;margin:1rem;max-width:calc(100% - 2rem)}.alert-icon-circle{width:60px;height:60px}.alert-icon-circle .alert-icon{width:28px;height:28px}.alert-title{font-size:1.25rem}.alert-message{font-size:.9rem}.alert-actions{flex-direction:column-reverse}.alert-btn{width:100%}}.alert-modal-container.alert-success,.alert-modal-container.alert-error,.alert-modal-container.alert-warning,.alert-modal-container.alert-info{border:1px solid #e2e8f0}.join-classroom-modal .join-form{padding:1.5rem}.join-classroom-modal .join-instruction{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.join-classroom-modal .form-group{margin-bottom:1.25rem}.join-classroom-modal .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.5rem}.join-classroom-modal .join-code-input{width:100%;padding:.875rem 1rem;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-md, 8px);font-size:1.125rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:center;box-sizing:border-box;transition:border-color var(--transition-base, .2s),box-shadow var(--transition-base, .2s)}.join-classroom-modal .join-code-input:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #3b82f61a}.join-classroom-modal .join-code-input:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.join-classroom-modal .error-message{background:#fef2f2;color:var(--color-danger, #dc2626);padding:.75rem 1rem;border-radius:var(--radius-md, 8px);font-size:.875rem;margin-bottom:1rem;border:1px solid #fecaca}.join-classroom-modal .success-message{background:#f0fdf4;color:var(--color-success, #16a34a);padding:.75rem 1rem;border-radius:var(--radius-md, 8px);font-size:.875rem;margin-bottom:1rem;border:1px solid #bbf7d0}.trainee-home{max-width:900px;margin:0 auto;padding:1rem 0}.welcome-section{margin-bottom:2rem}.welcome-title{font-size:2.5rem;font-weight:400;font-style:italic;color:var(--color-text-primary);margin:0}.welcome-name{font-size:2.5rem;font-weight:700;font-style:italic;color:var(--color-text-primary);margin:0 0 .5rem}.welcome-subtitle{color:var(--color-text-secondary);margin:0;font-size:1rem}.actions-section{background:#fff;border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.actions-header{background:var(--color-primary-dark);color:#fff;padding:.875rem 1.5rem;font-weight:600;font-size:1rem}.actions-buttons{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.actions-buttons .action-btn{background:var(--color-primary-light)!important;color:#fff!important;border:none;padding:.875rem 1.5rem;border-radius:var(--radius-md, 8px);font-size:1rem;font-weight:500;cursor:pointer;transition:background var(--transition-base, .2s)}.actions-buttons .action-btn:hover:not(:disabled){background:var(--color-primary)!important}.actions-buttons .action-btn:disabled,.actions-buttons .action-btn.disabled{opacity:.5;cursor:not-allowed}.office-warning{color:var(--color-danger, #dc2626);font-size:.875rem;margin-top:.5rem;text-align:center;padding:0 1rem 1rem}@media(max-width:768px){.trainee-home{padding:1rem}.welcome-title,.welcome-name{font-size:2rem}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.loading-spinner-container.centered{justify-content:center;min-height:200px}.loading-spinner{border-radius:50%;border-style:solid;border-color:var(--color-primary, #2563eb);border-top-color:transparent;animation:spin .8s linear infinite}.loading-spinner.small{width:1.25rem;height:1.25rem;border-width:2px}.loading-spinner.medium{width:2rem;height:2rem;border-width:3px}.loading-spinner.large{width:3rem;height:3rem;border-width:4px}.loading-message{color:var(--color-text-secondary, #6b7280);font-size:.875rem;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:200px}.empty-state-icon{color:var(--color-text-tertiary, #9ca3af);margin-bottom:1rem}.empty-state-icon svg{width:3rem;height:3rem}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0 0 .5rem}.empty-state-description{font-size:.875rem;color:var(--color-text-secondary, #6b7280);margin:0 0 1.5rem;max-width:400px}.empty-state-action{margin-top:.5rem}.error-alert{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background-color:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error-border, #fecaca);border-radius:.5rem;max-width:500px;margin:1rem auto}.error-alert-content{display:flex;flex-direction:column;gap:.25rem}.error-alert-title{font-size:.9rem;font-weight:600;color:var(--color-error-text, #991b1b);margin:0}.error-alert-message{font-size:.875rem;color:var(--color-error-message, #b91c1c);margin:0}.error-alert-actions{display:flex;gap:.75rem}.error-alert-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.error-alert-btn.retry{background-color:var(--color-error-text, #991b1b);color:#fff;border:none}.error-alert-btn.retry:hover{background-color:var(--color-error-hover, #7f1d1d)}.error-alert-btn.dismiss{background-color:transparent;color:var(--color-error-text, #991b1b);border:1px solid var(--color-error-border, #fecaca)}.error-alert-btn.dismiss:hover{background-color:var(--color-error-bg-hover, #fee2e2)}.trainee-classwork-container{padding:2rem;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif;color:#333}.main-tabs{display:flex;gap:2rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.tab-btn{padding:.75rem 0;background:none;border:none;font-size:1.1rem;font-weight:600;color:#6b7280;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s}.tab-btn.active{color:#000;border-bottom-color:#2563eb}.tab-btn:hover{color:#1f2937}.class-banner{background-color:#4285f4;background:linear-gradient(135deg,#4285f4,#3b82f6);border-radius:12px;padding:3rem 2rem;color:#fff;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.class-banner h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.class-info{font-size:1.25rem;opacity:.9;display:flex;justify-content:space-between;align-items:flex-end}.class-code{display:flex;align-items:center;gap:.5rem;font-family:monospace;font-size:1.5rem;background:#fff3;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background .2s}.class-code:hover{background:#ffffff4d}.posts-container{display:flex;flex-direction:column;gap:1rem}.post-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;cursor:pointer;transition:box-shadow .2s,border-color .2s}.post-item:hover{box-shadow:0 4px 6px -1px #0000000d;border-color:#d1d5db}.post-icon-circle{width:40px;height:40px;background-color:#1e40af;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.post-content{flex:1}.post-header-text{font-size:1rem;color:#374151;margin-bottom:.25rem}.post-header-text strong{color:#111827;font-weight:600}.post-date{font-size:.875rem;color:#6b7280}.requirements-filters{display:flex;gap:3rem;margin-bottom:2rem;border-bottom:1px solid #e5e7eb}.filter-btn{background:none;border:none;font-size:1.5rem;font-weight:700;color:#9ca3af;padding-bottom:.5rem;cursor:pointer}.filter-btn.active{color:#000;border-bottom:3px solid #2563eb}.requirements-list{display:flex;flex-direction:column;gap:2rem}.time-bucket h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#111827}.req-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f3f4f6;cursor:pointer}.req-item:hover{background-color:#f9fafb}.req-info h4{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 .25rem}.req-date{font-size:.875rem;color:#9ca3af}.req-status{font-size:1rem;font-weight:500;color:#4b5563}.req-status.handed-in{color:#059669}.req-status.missing{color:#dc2626}.detail-view{background:#fff;min-height:80vh}.detail-header{border-bottom:2px solid #2563eb;padding-bottom:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.detail-icon-large{width:48px;height:48px;background-color:#1e40af;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.detail-title-section h1{font-size:2rem;font-weight:700;color:#111827;margin:0}.detail-meta{color:#6b7280;font-size:.95rem;margin-top:.25rem}.detail-body{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.detail-description{color:#374151;font-size:1.1rem;line-height:1.6}.criteria-list{margin-top:1rem}.criteria-item{margin-bottom:.5rem}.action-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;height:fit-content}.action-card h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;text-align:center;font-weight:700}.action-btn{display:block;width:100%;padding:.75rem;margin-bottom:1rem;border-radius:8px;font-weight:600;cursor:pointer;text-align:center;border:2px solid transparent;transition:all .2s}.action-btn.primary{background-color:#2563eb;color:#fff}.action-btn.primary:hover{background-color:#1d4ed8}.action-btn.secondary{background-color:#fff;border-color:#d1d5db;color:#374151}.action-btn.secondary:hover{background-color:#f3f4f6;border-color:#9ca3af}.back-btn{background:none;border:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;margin-bottom:1rem;padding:0}.back-btn:hover{color:#111827}.empty-state{text-align:center;padding:4rem 2rem;color:#9ca3af}@media(max-width:768px){.trainee-classwork-container{padding:1rem}.class-banner{padding:2rem 1.25rem}.class-banner h1{font-size:1.75rem}.class-info{flex-direction:column;align-items:flex-start;gap:1rem}.class-code{font-size:1.1rem}.main-tabs{gap:1rem;overflow-x:auto;white-space:nowrap;padding-bottom:.25rem}.tab-btn{font-size:1rem}.detail-body{grid-template-columns:1fr;gap:2rem}.detail-title-section h1{font-size:1.5rem}.requirements-filters{gap:1.5rem;overflow-x:auto;padding-bottom:.5rem}.filter-btn{font-size:1.1rem}.post-item{padding:1rem}}.schedule-page{padding:1.5rem;max-width:1200px;margin:0 auto}.schedule-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.schedule-header>div:first-child{flex:1;min-width:200px}.schedule-page .page-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.schedule-page .page-subtitle{color:#6b7280;margin:0;font-size:.95rem}.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #3b82f64d;text-shadow:0 1px 2px rgba(255,255,255,.1);white-space:nowrap}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.save-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #3b82f633;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.schedule-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.summary-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 20px #0000000f;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.summary-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.summary-info{display:flex;flex-direction:column}.summary-value{font-size:2rem;font-weight:700;color:#1f2937;line-height:1}.summary-label{font-size:.875rem;color:#6b7280;margin-top:.25rem}.schedule-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid #e5e7eb;margin-bottom:1.5rem;overflow-x:auto}.schedule-card-header{margin-bottom:1.5rem}.schedule-card-title{font-size:1.125rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem;margin:0}.schedule-card-title svg{color:#3b82f6}.days-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:.75rem;min-width:fit-content}@media(min-width:850px){.days-grid{grid-template-columns:repeat(7,1fr);min-width:auto}}@media(max-width:899px)and (min-width:700px){.days-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:699px)and (min-width:500px){.days-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:499px){.days-grid{grid-template-columns:repeat(2,1fr)}.day-card{padding:1rem .75rem}.day-name{font-size:.8rem}}@media(max-width:600px){.schedule-header{flex-direction:column}.save-btn{width:100%;justify-content:center}.schedule-summary{grid-template-columns:1fr}.schedule-page{padding:1rem}.schedule-page .page-title{font-size:1.5rem}}.day-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;padding:1.25rem 1rem;text-align:center;transition:all .25s ease}.day-card.working{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.day-card.not-working{background:#f9fafb;border-color:#e5e7eb}.day-card.not-working:hover{border-color:#d1d5db}.day-name{font-weight:700;font-size:.9rem;color:#374151;margin-bottom:.875rem;text-transform:uppercase;letter-spacing:.03em}.day-toggle{margin-bottom:.875rem}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 6px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.hours-input-group{display:flex;align-items:center;justify-content:center;gap:.375rem}.hours-input{width:52px;padding:.5rem;border:2px solid #d1d5db;border-radius:8px;text-align:center;font-size:1rem;font-weight:600;color:#1f2937;background:#fff;transition:border-color .2s,box-shadow .2s}.hours-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.hours-label{font-size:.8rem;color:#6b7280;font-weight:500}.off-label{font-size:.875rem;color:#9ca3af;font-weight:600}.schedule-tips{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:14px;padding:1.25rem 1.5rem;border:1px solid #bfdbfe}.schedule-tips h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#1e40af}.schedule-tips ul{margin:0;padding-left:1.25rem;color:#1e40af}.schedule-tips li{font-size:.875rem;margin-bottom:.375rem;line-height:1.5}.schedule-tips li:last-child{margin-bottom:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.error-message{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;margin-bottom:1rem;font-weight:500}.success-message{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#16a34a;margin-bottom:1rem;font-weight:500}.info-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;color:#92400e;margin-bottom:1.5rem;font-weight:500;font-size:.9rem}.info-banner .info-icon{font-size:1.25rem;flex-shrink:0;color:#d97706}.no-schedule-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px;text-align:center;margin-top:1rem}.no-schedule-container .no-schedule-icon{font-size:3.5rem;color:#94a3b8;margin-bottom:1rem}.no-schedule-container h3{font-size:1.25rem;font-weight:600;color:#475569;margin:0 0 .5rem}.no-schedule-container p{font-size:.95rem;color:#64748b;margin:0;max-width:400px;line-height:1.5}.day-card.read-only{cursor:default}.day-card.read-only:hover{transform:none}.day-status{margin-bottom:.75rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge.working{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.status-badge.off{background:#f3f4f6;color:#6b7280}.hours-display{display:flex;flex-direction:column;align-items:center;gap:.125rem}.hours-display .hours-value{font-size:1.75rem;font-weight:700;color:#1d4ed8;line-height:1}.hours-display .hours-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase}.trainee-feedback-page{max-width:1100px;margin:0 auto}.trainee-feedback-page .page-title{font-size:1.75rem;font-weight:700;color:#1d4ed8;margin:0 0 .25rem}.trainee-feedback-page .page-subtitle{color:#6b7280;margin:0 0 2rem;font-size:.95rem}.trainee-feedback-page .status-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500}.trainee-feedback-page .status-message.success{background:#d1fae5;color:#065f46}.trainee-feedback-page .status-message.error{background:#fee2e2;color:#991b1b}.trainee-feedback-page .feedback-layout{display:grid;grid-template-columns:420px 1fr;gap:2.5rem;align-items:start;margin-top:1.5rem}.trainee-feedback-page .feedback-form-container{display:flex}.trainee-feedback-page .feedback-form{background:#fff;border-radius:12px;padding:2rem;width:100%;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.trainee-feedback-page .form-group{margin-bottom:1.5rem}.trainee-feedback-page .form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.trainee-feedback-page .form-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;color:#374151;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.trainee-feedback-page .form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.trainee-feedback-page .form-select:disabled{background-color:#f3f4f6;cursor:not-allowed}.trainee-feedback-page .form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;color:#374151;resize:vertical;font-family:inherit;box-sizing:border-box}.trainee-feedback-page .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.trainee-feedback-page .form-textarea::placeholder{color:#9ca3af}.trainee-feedback-page .form-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.trainee-feedback-page .rating-container{display:flex;align-items:center;gap:1rem}.trainee-feedback-page .star-rating{display:flex;gap:.25rem}.trainee-feedback-page .star-btn{background:none;border:none;padding:0;cursor:pointer}.trainee-feedback-page .star-btn:disabled{cursor:not-allowed}.trainee-feedback-page .star-icon{font-size:1.75rem;color:#d1d5db;transition:color .15s}.trainee-feedback-page .star-icon.filled{color:#fbbf24}.trainee-feedback-page .star-btn:hover:not(:disabled) .star-icon{color:#fbbf24}.trainee-feedback-page .rating-text{color:#6b7280;font-size:.875rem}.trainee-feedback-page .submit-btn{width:100%;padding:.875rem;background:#1d4ed8;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.trainee-feedback-page .submit-btn:hover:not(:disabled){background:#1e40af}.trainee-feedback-page .submit-btn:disabled{opacity:.6;cursor:not-allowed}.trainee-feedback-page .feedback-history{margin-top:0}.trainee-feedback-page .history-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 1.25rem}.trainee-feedback-page .feedback-list{display:flex;flex-direction:column;gap:1rem}.trainee-feedback-page .feedback-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.trainee-feedback-page .feedback-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.trainee-feedback-page .feedback-recipient{display:flex;flex-direction:column;gap:.25rem}.trainee-feedback-page .recipient-name{margin:0;font-weight:600;color:#1f2937}.trainee-feedback-page .feedback-date{margin:0;font-size:.875rem;color:#6b7280}.trainee-feedback-page .feedback-rating{display:flex;align-items:center;gap:.125rem}.trainee-feedback-page .feedback-rating .star-icon{font-size:1.125rem}.trainee-feedback-page .feedback-rating .star-icon.filled{color:#fbbf24}.trainee-feedback-page .feedback-rating .star-icon.empty{color:#d1d5db}.trainee-feedback-page .feedback-message{margin:0;color:#374151;line-height:1.5}.trainee-feedback-page .loading-state{padding:2rem;text-align:center;color:#6b7280}.trainee-feedback-page .empty-state{background:#fff;border-radius:12px;padding:2rem;text-align:center;color:#6b7280;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.trainee-feedback-page .spin{animation:spin 1s linear infinite;display:inline-block}@media(max-width:992px){.trainee-feedback-page .feedback-layout{grid-template-columns:1fr;gap:2rem}.trainee-feedback-page .feedback-history{margin-top:1rem}}@media(max-width:768px){.trainee-feedback-page .feedback-form{padding:1.25rem}.trainee-feedback-page .feedback-card-header{flex-direction:column;gap:.75rem}.trainee-feedback-page .feedback-rating{align-self:flex-start}}.face-capture-container{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#1f2937;max-width:520px;width:100%;margin:0 auto;font-family:Inter,sans-serif}.face-capture-header{text-align:center}.face-capture-header h3{color:#111827;font-size:1.5rem;font-weight:800;margin:0 0 .5rem}.face-capture-header p{color:#6b7280;font-size:.95rem;margin:0}.video-container{position:relative;width:100%;aspect-ratio:4/3;margin:0 auto;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 4px 6px -1px #0000001a}.video-container video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(-1)}.face-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleX(-1);width:180px;height:240px;border:2px dashed rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 9999px #00000080;pointer-events:none;transition:all .3s ease}.face-guide.detected{border-color:#22c55e;border-style:solid;border-width:3px;box-shadow:0 0 0 9999px #00000080,inset 0 0 30px #22c55e4d}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff2;z-index:10;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#4b5563;font-size:.9rem;font-weight:500}.capture-status{text-align:center;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500}.capture-status.info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.capture-status.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.capture-status.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.face-label-input{width:100%;padding:.875rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#111827;transition:all .2s;background:#f9fafb}.face-label-input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb1a}.capture-controls{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.capture-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.capture-btn.primary{background:#2563eb;color:#fff;box-shadow:0 4px 6px -1px #2563eb33;min-width:140px}.capture-btn.primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 8px -1px #2563eb4d}.capture-btn.secondary{background:#fff;color:#4b5563;border:2px solid #e5e7eb}.capture-btn.secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.capture-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.registered-faces{margin-top:1rem;border-top:1px solid #e5e7eb;padding-top:1.5rem}.registered-faces h4{font-size:1rem;font-weight:700;color:#374151;margin:0 0 1rem}.face-list{display:flex;flex-direction:column;gap:.75rem}.face-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:border-color .2s}.face-item:hover{border-color:#bfdbfe;background:#eff6ff}.face-item-info{display:flex;flex-direction:column;gap:.25rem}.face-item-label{font-weight:600;color:#111827}.face-item-date{font-size:.8rem;color:#6b7280}.face-item-delete{background:#fff;border:1px solid #fee2e2;color:#ef4444;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.face-item-delete:hover{background:#fee2e2;color:#dc2626}.no-faces{text-align:center;padding:2.5rem;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb;color:#6b7280}.no-faces-icon{font-size:2rem;margin-bottom:.75rem;color:#9ca3af}.face-capture-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;background:#0009;backdrop-filter:blur(4px);padding:1rem}@media(max-width:640px){.face-capture-container{padding:1.25rem;gap:1rem;border-radius:16px}.face-capture-header h3{font-size:1.25rem}.video-container{border-radius:12px}.face-guide{width:140px;height:190px}.capture-controls{flex-direction:column;width:100%;gap:.75rem}.capture-btn{width:100%;padding:.75rem 1rem}.face-item{padding:.875rem}}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.profile-card{background:#fff;border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.profile-card-header{background:var(--color-primary-dark);color:#fff;padding:.875rem 1.5rem;font-weight:600;font-size:1rem;text-align:center}.profile-card-content{padding:1.5rem}.profile-field{margin-bottom:1.25rem}.profile-field:last-child{margin-bottom:0}.profile-field label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;margin-bottom:.5rem}.profile-value{padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);color:var(--color-text-primary);font-size:.95rem}@media(max-width:768px){.profile-grid{grid-template-columns:1fr}}.join-classroom-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:1.5rem}.join-classroom-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:420px}.join-brand{display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#2563eb;margin-bottom:1.5rem}.join-brand .brand-icon{color:#f87171;font-size:1.5rem;margin:0 -2px}.join-card{background:#fff;border-radius:20px;padding:2.5rem 2rem;box-shadow:0 20px 60px #0003;text-align:center;width:100%}.join-icon{width:70px;height:70px;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.join-icon svg{font-size:2rem;color:#2563eb}.join-card h1{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.join-subtitle{color:#6b7280;font-size:.95rem;margin:0 0 1.5rem;line-height:1.5}.join-message{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;font-weight:500;margin-bottom:1rem}.join-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.join-message.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.join-message svg{font-size:1.1rem;flex-shrink:0}.join-form{display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box}.input-group{text-align:left}.input-group label{display:block;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:.5rem}.input-group input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:center;transition:all .2s ease;background:#f9fafb;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.input-group input::placeholder{text-transform:none;letter-spacing:normal;font-weight:400;color:#9ca3af}.input-group input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.join-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:#2563eb;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #2563eb4d}.join-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 20px #2563eb66}.join-btn:active:not(:disabled){transform:translateY(0)}.join-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.join-btn svg{font-size:1.1rem}.join-btn .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.join-help{margin:1.5rem 0 0;font-size:.85rem;color:#9ca3af}.logout-link{background:none;border:none;color:#6b7280;font-size:.9rem;cursor:pointer;text-decoration:underline;transition:color .2s ease}.logout-link:hover{color:#374151}@media(max-width:480px){.join-classroom-page{padding:1rem}.join-card{padding:2rem 1.5rem}.join-brand{font-size:1.75rem}.join-card h1{font-size:1.25rem}}.trainee-layout{min-height:100vh;display:flex;flex-direction:column}.mobile-header{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--color-primary-dark);color:#fff;position:sticky;top:0;z-index:100}.menu-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;color:#fff;cursor:pointer;border-radius:6px;transition:background .2s}.menu-toggle:hover{background:#ffffff1a}.mobile-brand{display:flex;align-items:center;font-size:1.125rem;font-weight:700}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:200;opacity:1;transition:opacity .3s}.trainee-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--color-primary-dark);box-shadow:2px 0 12px #00000026;z-index:300;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease}.trainee-sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.15)}.sidebar-brand{display:flex;align-items:center;font-size:1.25rem;font-weight:700;color:#fff}.sidebar-brand .brand-text{color:#fff}.sidebar-brand .brand-marker{font-size:1.25rem;margin:0 -2px}.sidebar-close{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;color:#ffffffb3;cursor:pointer;border-radius:6px;transition:background .2s,color .2s}.sidebar-close:hover{background:#ffffff1a;color:#fff}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar-links{list-style:none;margin:0;padding:0}.sidebar-links li{margin:0;padding:0}.sidebar-link{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;background:transparent;border:none;border-left:3px solid transparent;color:#ffffffd9;font-size:.95rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s}.sidebar-link:hover{background:#ffffff1a;color:#fff}.sidebar-link.active{background:#ffffff26;color:#fff;border-left-color:#fff;font-weight:600}.sidebar-link svg{flex-shrink:0}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.15)}.sidebar-signout{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.sidebar-signout:hover{background:#ffffff1a;border-color:#ffffff80}@media(min-width:769px){.mobile-header,.sidebar-overlay{display:none}.trainee-sidebar{transform:translate(0);position:sticky;top:0;height:100vh}.sidebar-close{display:none}.trainee-layout{flex-direction:row}.trainee-main{flex:1;margin-left:0}}.trainee-navbar{background:var(--color-primary-dark);padding:0 2rem;display:flex;align-items:center;height:56px;gap:2rem}.navbar-brand{display:flex;align-items:center;color:#fff;font-size:1.25rem;font-weight:700}.brand-text{color:#fff}.brand-marker{color:#f87171;font-size:1.25rem;margin:0 -2px}.navbar-links{display:flex;list-style:none;margin:0;padding:0;gap:.5rem;flex:1}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:4px;transition:background .2s;text-decoration:none}.nav-link:hover{background:#ffffff1a}.nav-link.active{text-decoration:underline;text-underline-offset:4px}.nav-signout{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;color:#f87171;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:4px;transition:background .2s}.nav-signout:hover{background:#ffffff1a}.trainee-main{flex:1;background:var(--color-bg-tertiary);padding:2rem}.trainee-page{max-width:900px;margin:0 auto}.page-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.page-subtitle{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.95rem}.form-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;max-width:600px}.form-field{margin-bottom:1.25rem}.form-field label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.5rem}.form-field input,.form-field select,.form-field textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;color:var(--color-text-primary);background:#fff;box-sizing:border-box}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 2px #3b82f61a}.form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.form-field textarea{resize:vertical;min-height:120px}.time-input-wrapper{position:relative}.time-input-wrapper .time-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.form-actions{margin-top:1.5rem;display:flex;justify-content:center}.stars{display:flex;gap:.25rem}.star{color:#d1d5db;transition:color .2s}.star.filled,.star-btn:hover .star{color:#fbbf24}.chart-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.chart-header{background:var(--color-primary-dark);color:#fff;padding:.875rem 1.5rem;font-weight:600;font-size:1rem;text-align:center}.chart-container{padding:1.5rem;display:flex;gap:1rem;min-height:300px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary);padding-bottom:2rem}.y-axis-label{text-align:right;white-space:nowrap}.chart-bars{flex:1;display:flex;justify-content:space-around;align-items:flex-end;border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:0 1rem}.chart-bar-container{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:.5rem;flex:1}.chart-bar{width:40px;background:var(--color-primary-light);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease}.chart-label{font-size:.8rem;color:var(--color-text-primary);font-weight:500}@media(max-width:768px){.trainee-navbar{padding:0 1rem;gap:1rem;flex-wrap:wrap;height:auto;padding:.75rem 1rem}.navbar-links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.nav-link span,.nav-signout span{display:none}.nav-link,.nav-signout{padding:.5rem}.trainee-main{padding:1rem}.profile-grid{grid-template-columns:1fr}.welcome-title,.welcome-name{font-size:1.75rem}.chart-container{flex-direction:column}.chart-y-axis{flex-direction:row;justify-content:space-between;padding-bottom:0;display:none}.chart-bar{width:30px}}.modal-content{background:#fff;border-radius:12px;max-width:450px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.modal-header .close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.modal-actions .cancel-btn{padding:.75rem 1.25rem;border:1px solid var(--color-border, #d1d5db);border-radius:8px;background:#fff;color:var(--color-text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.modal-actions .cancel-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-text-tertiary)}.modal-actions .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.modal-actions .submit-btn{padding:.75rem 1.25rem;border:none;border-radius:8px;background:var(--color-primary-light);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.modal-actions .submit-btn:hover:not(:disabled){background:var(--color-primary)}.modal-actions .submit-btn:disabled{background:#93c5fd;cursor:not-allowed}.classwork-page{max-width:900px;margin:0 auto}.classwork-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.classwork-header h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0}.classroom-name-badge{background:#dbeafe;color:var(--color-primary-dark);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.classwork-content{min-height:400px}.classwork-page .loading-state,.classwork-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--color-text-secondary);text-align:center}.classwork-page .loading-spinner.small{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary-dark);border-radius:50%;animation:spin .8s linear infinite}.classwork-page .error-state button{margin-top:1rem;padding:.5rem 1rem;background:var(--color-primary-dark);color:#fff;border:none;border-radius:6px;cursor:pointer}.classwork-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:2px dashed #d1d5db;text-align:center;color:var(--color-text-tertiary)}.classwork-page .empty-state svg{margin-bottom:1rem;color:#d1d5db}.classwork-page .empty-state h3{margin:0 0 .5rem;color:var(--color-text-primary);font-size:1.1rem}.classwork-page .empty-state p{margin:0;color:var(--color-text-secondary)}.classwork-page .post-group{margin-bottom:2rem}.classwork-page .group-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.classwork-page .group-title svg{color:var(--color-primary-dark)}.classwork-page .post-count{font-weight:400;color:var(--color-text-tertiary);font-size:.9rem}.classwork-page .posts-list{display:flex;flex-direction:column;gap:.75rem}.classwork-page .post-card{display:flex;align-items:center;background:#fff;border-radius:10px;border:1px solid var(--color-border);padding:1rem 1.25rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.classwork-page .post-card:hover{border-color:var(--color-primary-dark);box-shadow:0 4px 12px #1d4ed81a}.classwork-page .post-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#eff6ff;border-radius:8px;color:var(--color-primary-dark);margin-right:1rem}.classwork-page .post-info{flex:1}.classwork-page .post-title{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#111827}.classwork-page .post-description{margin:0 0 .5rem;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.classwork-page .post-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.classwork-page .meta-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.classwork-page .meta-badge.points{background:#dcfce7;color:#16a34a}.classwork-page .meta-badge.due-date{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.classwork-page .meta-badge.due-date.overdue{background:#fee2e2;color:#dc2626}.classwork-page .overdue-text{font-weight:600}.classwork-page .post-action{margin-left:1rem}.classwork-page .view-btn{padding:.5rem 1rem;background:var(--color-primary-dark);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.classwork-page .view-btn:hover{background:var(--color-primary-dark)}.activity-detail-modal{max-width:600px}.activity-detail-modal .modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.activity-detail-modal .modal-header h2{font-size:1.25rem;font-weight:700;color:#111827;margin:0;padding-right:2rem}.activity-detail-content{padding:1.5rem}.detail-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.detail-category{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#eff6ff;color:var(--color-primary-dark);border-radius:20px;font-size:.85rem;font-weight:500}.detail-points{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#dcfce7;color:#16a34a;border-radius:20px;font-size:.85rem;font-weight:500}.detail-due-date{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-tertiary);border-radius:8px;color:var(--color-text-primary);font-size:.9rem;margin-bottom:1.25rem}.detail-due-date.overdue{background:#fee2e2;color:#dc2626}.detail-section{margin-bottom:1.25rem}.detail-section h4{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.025em}.detail-description{padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.95rem;line-height:1.6;white-space:pre-wrap}.detail-attachments{display:flex;flex-direction:column;gap:.5rem}.attachment-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-primary-dark);font-size:.9rem;text-decoration:none;transition:all .2s}.attachment-link:hover{background:#eff6ff;border-color:var(--color-primary-dark)}.detail-posted{padding-top:1rem;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.85rem}.submission-section{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;padding:1.25rem;margin-top:.5rem}.submission-section h4{color:var(--color-primary-dark);margin-bottom:1rem}.submission-form .form-field{margin-bottom:.75rem}.submission-form .form-field label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.5rem}.submission-link-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.submission-link-input:focus{outline:none;border-color:var(--color-primary-dark);box-shadow:0 0 0 3px #1d4ed81a}.submission-note{margin:.5rem 0 1rem;font-size:.8rem;color:var(--color-text-secondary)}.submit-work-btn{width:100%;padding:.75rem 1.5rem;background:var(--color-primary-dark);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.submit-work-btn:hover{background:var(--color-primary-dark)}.submit-work-btn:disabled{background:#93c5fd;cursor:not-allowed}.data-table-container{overflow-x:auto;border-radius:var(--radius-lg, .75rem);border:1px solid var(--color-border, #e5e7eb)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--color-border, #e5e7eb)}.data-table th{font-weight:600;color:var(--color-text-secondary, #6b7280);background-color:var(--color-bg-tertiary, #f9fafb);font-size:.75rem;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:none}.data-table.hoverable tbody tr:hover{background-color:var(--color-bg-hover, #f3f4f6)}.data-table.compact th,.data-table.compact td{padding:.5rem .75rem}.data-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--color-text-secondary, #6b7280)}.data-table-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--color-border, #e5e7eb);border-top-color:var(--color-primary, #2563eb);border-radius:50%;animation:data-table-spin .6s linear infinite}@keyframes data-table-spin{to{transform:rotate(360deg)}}.data-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;text-align:center;color:var(--color-text-secondary, #6b7280)}.data-table-empty-icon{color:var(--color-text-tertiary, #9ca3af)}.data-table-empty-icon svg{width:2rem;height:2rem}.data-table-empty p{margin:0;font-size:.875rem}@media(max-width:640px){.data-table th.hide-mobile,.data-table td.hide-mobile{display:none}.data-table th,.data-table td{padding:.75rem .5rem}}.supervisor-page .trainee-stats-cards .stats-card{background:#fff;border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));padding:1.5rem!important;flex:1;display:flex!important;flex-direction:row!important;align-items:center!important;gap:1rem;min-width:0;overflow:visible!important}.stats-number{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:.25rem}.trainees-table-container{background:#fff;border-radius:var(--radius-md, 8px);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.trainees-table thead{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.progress-fill{height:100%;background:var(--color-primary-light);border-radius:var(--radius-xs, 4px);transition:width var(--transition-base, .3s ease)}.view-btn{background:var(--color-primary-dark);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:var(--radius-sm, 6px);font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-base, .2s)}.view-btn:hover{background:var(--color-primary-light)}.rejection-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.rejection-modal-container{background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;outline:none}.rejection-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.rejection-modal-close:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.rejection-modal-close:disabled{opacity:.5;cursor:not-allowed}.rejection-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.rejection-modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.title-icon{color:#dc2626}.rejection-modal-subtitle{color:#6b7280;margin:0;font-size:.875rem}.rejection-modal-content{padding:1.5rem}.attendance-summary{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1.5rem}.attendance-summary h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .75rem}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.summary-item{display:flex;align-items:flex-start;gap:.5rem}.item-icon{color:#6b7280;margin-top:.125rem;flex-shrink:0;font-size:.875rem}.summary-item div{flex:1}.summary-item label{display:block;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.summary-item span{display:block;font-size:.8rem;color:#111827;font-weight:500}.form-section{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.5rem}.form-label.required:after{content:" *";color:#dc2626}.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.field-hint{font-size:.75rem;color:#6b7280;margin-top:.25rem}.field-error{font-size:.75rem;color:#ef4444;margin-top:.25rem}.form-textarea.error{border-color:#ef4444}.form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.rejection-modal-actions{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem;background-color:#f9fafb}.btn{padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:#fff;color:#374151;border-color:#d1d5db}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-danger{background-color:#dc2626;color:#fff;border-color:#dc2626}.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.spinner{width:1rem;height:1rem;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.rejection-modal-container{max-height:95vh;margin:.5rem}.rejection-modal-header,.rejection-modal-content,.rejection-modal-actions{padding:1rem}.markdown-editor{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.markdown-preview{border-left:none;border-top:1px solid #d1d5db}.summary-grid{grid-template-columns:1fr}.rejection-modal-actions{flex-direction:column-reverse}.btn{width:100%;justify-content:center}}.supervisor-layout{min-height:100vh;display:flex;flex-direction:column}.supervisor-navbar{background:var(--color-primary-dark);padding:0 2rem;display:flex;align-items:center;height:56px;gap:2rem}.supervisor-navbar .navbar-brand{display:flex;align-items:center;color:#fff;font-size:1.25rem;font-weight:700}.supervisor-navbar .brand-text{color:#fff}.supervisor-navbar .brand-marker{color:#f87171;font-size:1.25rem;margin:0 -2px}.supervisor-navbar .navbar-links{display:flex;list-style:none;margin:0;padding:0;gap:.5rem;flex:1;justify-content:center}.supervisor-navbar .nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:4px;transition:background .2s;text-decoration:none}.supervisor-navbar .nav-link:hover{background:#ffffff1a}.supervisor-navbar .nav-link.active{text-decoration:underline;text-underline-offset:4px}.supervisor-navbar .nav-signout{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;color:#f87171;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:4px;transition:background .2s}.supervisor-navbar .nav-signout:hover{background:#ffffff1a}.supervisor-main{flex:1;background:var(--color-bg-tertiary);padding:2rem}.supervisor-page{max-width:1000px;margin:0 auto}.supervisor-page .page-title{font-size:1.75rem;font-weight:700;color:var(--color-primary-dark);margin:0 0 .25rem}.supervisor-page .page-subtitle{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.95rem}.supervisor-page .highlight-text{color:var(--color-primary-dark);font-weight:500}.trainee-stats-cards{display:flex;width:100%;gap:1.5rem;margin-bottom:2rem}.supervisor-page .trainee-stats-cards .stats-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem!important;flex:1;display:flex!important;flex-direction:row!important;align-items:center!important;gap:1rem;min-width:0;overflow:visible!important}.supervisor-page .trainee-stats-cards .stats-content{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.stats-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-icon-blue{background:#eff6ff;color:var(--color-primary-light)}.stats-icon-green{background:#f0fdf4;color:#22c55e}.stats-icon-red{background:#fef2f2;color:#ef4444}.stats-icon{font-size:1.5rem}.stats-number{font-size:2rem;font-weight:700;color:#111827;line-height:1;margin-bottom:.25rem}.stats-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500;white-space:nowrap}@media(max-width:768px){.trainee-stats-cards{flex-direction:column}}.trainees-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.trainees-table{width:100%;border-collapse:collapse}.trainees-table thead{background:var(--color-text-primary);color:#fff}.trainees-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.trainees-table th:nth-child(2),.trainees-table td:nth-child(2),.trainees-table th:nth-child(3),.trainees-table td:nth-child(3),.trainees-table th:nth-child(4),.trainees-table td:nth-child(4){text-align:center}.trainees-table tbody tr{border-bottom:1px solid var(--color-border)}.trainees-table tbody tr:last-child{border-bottom:none}.trainees-table tbody tr:hover{background:var(--color-bg-secondary)}.trainees-table td{padding:1rem 1.5rem;vertical-align:middle}.trainee-name-cell{min-width:200px}.trainee-number{color:var(--color-primary-light);font-weight:500}.trainee-name{color:var(--color-primary-light)}.hours-cell{min-width:250px}.trainees-table td:nth-child(4){width:100px}.progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary-light);border-radius:4px;transition:width .3s ease}.view-btn{background:var(--color-primary-dark);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.feedback-form{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:500px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-border)}.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;color:var(--color-text-primary);resize:vertical;font-family:inherit}.submit-btn{width:100%;padding:.875rem;background:var(--color-primary-dark);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.submit-btn:hover{background:var(--color-primary-dark)}.feedback-empty{background:#fff;border-radius:12px;padding:2rem;text-align:center;color:var(--color-text-secondary);box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-border)}.feedback-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-border)}.supervisor-page .profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:900px}.supervisor-page .profile-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.supervisor-page .profile-card-header{background:var(--color-primary-dark);color:#fff;padding:.875rem 1.5rem;font-weight:600;font-size:1rem;text-align:center}.supervisor-page .profile-card-content{padding:1.5rem}.supervisor-page .profile-field{margin-bottom:1.25rem}.supervisor-page .profile-field:last-child{margin-bottom:0}.supervisor-page .profile-field label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;margin-bottom:.5rem}.supervisor-page .profile-value{padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.95rem}@media(max-width:768px){.supervisor-page .profile-grid{grid-template-columns:1fr}}.modal-content.trainee-profile-modal{background:#fff;border-radius:0;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.evaluation-page{padding:20px}.evaluation-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.evaluation-header .page-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:center}.evaluation-header .page-subtitle{color:#666;font-size:.95rem;margin-top:8px}.evaluation-form{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.evaluation-form .form-section{margin-bottom:28px}.evaluation-form .form-section:last-of-type{margin-bottom:20px}.evaluation-form .section-title{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.evaluation-form .form-group{margin-bottom:16px}.evaluation-form .form-group label{display:block;font-weight:500;color:#374151;margin-bottom:6px;font-size:.95rem}.evaluation-form .form-select,.evaluation-form .form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.evaluation-form .form-select:focus,.evaluation-form .form-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.evaluation-form .date-range{display:grid;grid-template-columns:1fr 1fr;gap:20px}.criteria-table-container{overflow-x:auto}.criteria-table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.criteria-table th{background-color:#1f2937;color:#fff;padding:14px 12px;text-align:left;font-weight:600;font-size:.9rem}.criteria-table th:nth-child(2),.criteria-table th:nth-child(3){text-align:center;width:140px}.criteria-table td{padding:14px 12px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.criteria-table tr:nth-child(2n){background-color:#f9fafb}.criteria-table tr:hover:not(.total-row){background-color:#f0f7ff}.criteria-info{display:flex;flex-direction:column;gap:4px}.criteria-name{font-weight:500;color:#1f2937}.criteria-desc{font-size:.85rem;color:#6b7280}.max-rating{text-align:center;font-weight:500;color:#374151}.rating-input{text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.rating-field{width:70px;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;text-align:center;font-size:1rem;font-weight:500}.rating-field:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.rating-percent{color:#6b7280;font-size:.9rem}.total-row{background-color:#f3f4f6!important}.total-row td{border-bottom:none;padding:16px 12px}.over-limit{color:#dc2626}.evaluation-form .form-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s,box-shadow .2s}.evaluation-form .form-textarea:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.evaluation-form .form-actions{display:flex;justify-content:center;padding-top:16px;border-top:1px solid #e5e7eb}.submit-button{padding:12px 32px;background-color:#06c;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#0052a3}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}@media(max-width:768px){.evaluation-form{padding:16px}.evaluation-form .date-range{grid-template-columns:1fr}.criteria-table th,.criteria-table td{padding:10px 8px}.criteria-desc{display:none}.rating-field{width:60px}}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#374151;cursor:pointer;margin-bottom:16px;transition:background-color .2s}.back-btn:hover{background:#e5e7eb}.loading-message,.empty-message{text-align:center;padding:3rem;color:#6b7280;font-size:1rem}.empty-message p{margin:.5rem 0}.periods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.period-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid #e5e7eb}.period-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.period-card-header{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.period-card-header h3{margin:0;font-size:1.1rem;font-weight:600}.classroom-badge{background:#fff3;padding:4px 10px;border-radius:12px;font-size:.8rem}.period-card-body{padding:16px 20px}.period-card-body p{margin:8px 0;font-size:.9rem;color:#4b5563}.period-card-body p strong{color:#1f2937}.period-card-footer{padding:12px 20px;background:#f9fafb;border-top:1px solid #e5e7eb}.evaluate-btn{width:100%;padding:10px;background:#06c;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.evaluate-btn:hover:not(:disabled){background:#0052a3}.evaluate-btn:disabled{background:#9ca3af;cursor:not-allowed}.trainees-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.trainees-table th{background:#1f2937;color:#fff;padding:14px 16px;text-align:left;font-weight:600;font-size:.9rem}.trainees-table td{padding:14px 16px;border-bottom:1px solid #e5e7eb}.trainees-table tr:hover:not(:first-child){background:#f9fafb}.trainees-table tr.evaluated{background:#f0fdf4}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge.evaluated{background:#d1fae5;color:#065f46}.score-value{font-weight:600;color:#06c}.action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s}.action-btn.evaluate-btn{background:#06c;color:#fff}.action-btn.evaluate-btn:hover{background:#0052a3}.action-btn.view-btn{background:#e5e7eb;color:#6b7280;cursor:default}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.cancel-button{padding:12px 24px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background:#e5e7eb}.trainee-info{background:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.trainee-info h4{margin:0 0 12px;color:#1f2937}.trainee-info p{margin:4px 0;font-size:.95rem;color:#4b5563}.feedback-form-container{display:flex;justify-content:center}.feedback-form{background:#fff;border-radius:var(--radius-lg, 12px);padding:2rem;width:100%;max-width:500px;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));border:1px solid var(--color-border)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.form-select{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:var(--radius-sm, 6px);font-size:.95rem;color:var(--color-text-primary);background:#fff;cursor:pointer}.rating-container{display:flex;align-items:center;gap:1rem}.star-rating{display:flex;gap:.25rem}.star-btn{background:none;border:none;padding:0;cursor:pointer}.star-icon{font-size:1.75rem;color:#d1d5db;transition:color .15s}.star-icon.filled{color:#fbbf24}.rating-text{color:var(--color-text-secondary);font-size:.875rem}.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:var(--radius-sm, 6px);font-size:.95rem;color:var(--color-text-primary);resize:vertical;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #3b82f61a}.form-textarea::placeholder{color:var(--color-text-tertiary)}.submit-btn{width:100%;padding:.875rem;background:var(--color-primary-dark);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition-base, .2s)}.submit-btn:hover{background:var(--color-primary-light)}.feedback-history{margin-top:2.5rem}.feedback-history-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.25rem}.feedback-loading{padding:2rem;text-align:center;color:var(--color-text-secondary)}.feedback-loading p{margin:.5rem 0 0}.feedback-empty{background:#fff;border-radius:var(--radius-lg, 12px);padding:2rem;text-align:center;color:var(--color-text-secondary);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));border:1px solid var(--color-border)}.feedback-empty p{margin:0}.feedback-card{background:#fff;border-radius:var(--radius-lg, 12px);padding:1.5rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));border:1px solid var(--color-border)}.feedback-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.feedback-recipient{display:flex;flex-direction:column;gap:.25rem}.recipient-name{margin:0;font-weight:600;color:var(--color-text-primary)}.feedback-date{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.feedback-rating{display:flex;align-items:center;gap:.125rem}.feedback-rating .star-filled{color:#fbbf24;font-size:1.125rem}.feedback-rating .star-empty{color:#d1d5db;font-size:1.125rem}.feedback-message{margin:0;color:var(--color-text-primary);line-height:1.6}@media(max-width:768px){.feedback-card-header{flex-direction:column;gap:.75rem}.feedback-rating{align-self:flex-start}}.task-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.task-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626;transform:translateY(-1px)}.task-info{flex:1;min-width:0}.task-title{margin:0 0 .25rem;color:#111827;font-size:1rem;font-weight:600}.task-subtitle{margin:0;color:#6b7280;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-status{padding:.375rem .875rem;border-radius:6px;font-size:.8125rem;font-weight:500;text-transform:capitalize;flex-shrink:0;margin-left:1rem}.task-status.pending{background:#fef9c3;color:#ca8a04}.task-status.completed{background:#dcfce7;color:#16a34a}.tasks-widget-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.tasks-header{background:var(--color-primary-dark, #1e40af);padding:1rem 1.5rem}.tasks-header h3{margin:0;color:#fff;font-size:1.125rem;font-weight:600;text-align:center}.tasks-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.no-tasks{text-align:center;padding:2rem 1rem;color:#6b7280}.no-tasks-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.no-tasks p{margin:0;font-size:.9375rem}.tasks-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#6b7280;gap:.75rem}.tasks-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.tasks-error{text-align:center;padding:2rem;color:#dc2626;background:#fef2f2}.tasks-error p{margin:0}@media(max-width:640px){.tasks-header{padding:.875rem 1rem}.tasks-header h3{font-size:1rem}.tasks-list{padding:.75rem;gap:.5rem}}.home-page .page-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:2rem;border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}.home-page .page-label{display:block;color:var(--color-primary-dark);font-weight:600;font-size:1rem;margin-bottom:.5rem}.home-page .welcome-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.home-page .welcome-description{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;max-width:900px;margin:0}.home-page .highlight-orange{color:#ea580c;font-weight:600}.home-page .dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.stats-card,.tasks-card{background:#fff;border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06))}.stats-card .card-body{background-color:#f8fafc}.card-header{padding:1rem 1.5rem;color:#fff;display:flex;align-items:center;justify-content:center}.card-header.blue{background-color:var(--color-primary-dark)}.card-header.orange{background-color:#ea580c}.card-header h3{margin:0;font-size:1rem;font-weight:600;letter-spacing:.025em}.card-body{padding:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1 / 1;width:100%;max-width:140px;margin:0 auto;padding:1rem;border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06));border:1px solid transparent;transition:transform var(--transition-base, .2s),box-shadow var(--transition-base, .2s)}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06))}.stat-value{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.stat-value.blue{color:var(--color-primary-dark)}.stat-label{display:block;color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.tasks-list{display:flex;flex-direction:column;gap:.75rem}.task-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px)}.task-info{flex:1}.task-title{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem}.task-meta{font-size:.8rem;color:var(--color-text-secondary);margin:0}.task-status{padding:.25rem .75rem;border-radius:var(--radius-xs, 4px);font-size:.75rem;font-weight:600;text-transform:capitalize}.task-status.pending{background:#fef3c7;color:#d97706}.task-status.completed{background:#d1fae5;color:#059669}@media(max-width:768px){.home-page .dashboard-grid{grid-template-columns:1fr}.home-page .welcome-title{font-size:2rem}}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.status-badge.not-at-risk{background:#d1fae5;color:#059669}.status-badge.at-risk{background:#fee2e2;color:#dc2626}.status-badge.na{background:var(--color-border);color:var(--color-text-secondary)}.progress-cell{min-width:180px}.progress-bar-container{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:.25rem}.progress-bar-fill{height:100%;background:var(--color-primary-dark);transition:width .3s}.progress-info{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-text-secondary)}.view-btn{padding:.4rem 1rem;background:var(--color-primary-dark);color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer}.view-btn:hover{background:var(--color-primary-dark)}.risk-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.risk-stat-card{background:#fff;border-radius:8px;padding:1.25rem;border:1px solid var(--color-border);text-align:center}.risk-stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary-dark)}.risk-stat-card .stat-label{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.risk-stat-card.at-risk .stat-value{color:#dc2626}.risk-stat-card.safe .stat-value{color:#059669}.modal-content.trainee-profile-modal{background:#fff;border-radius:0;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;animation:slideUp .3s ease}.modal-content.trainee-profile-modal::-webkit-scrollbar{display:none}.trainee-profile-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--color-primary-dark);color:#fff}.trainee-profile-modal .modal-header h2{margin:0;font-size:1.1rem;font-weight:600}.trainee-profile-modal .close-btn{background:none;border:none;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s;padding:0}.trainee-profile-modal .close-btn:hover{opacity:1}.trainee-profile-modal .modal-body{padding:1.5rem}.trainee-profile-modal .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.trainee-profile-modal .info-field{display:flex;flex-direction:column;gap:.25rem}.trainee-profile-modal .info-field.full-width{grid-column:1 / -1}.trainee-profile-modal .info-field label{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.trainee-profile-modal .info-value{padding:.6rem .75rem;border-radius:4px;font-size:.9rem;font-weight:500}.trainee-profile-modal .info-value.blue{background:var(--color-primary-dark);color:#fff}.trainee-profile-modal .progress-overview{display:flex;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.trainee-profile-modal .circular-progress{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px}.trainee-profile-modal .circular-progress svg{width:80px;height:80px}.trainee-profile-modal .circular-progress circle{fill:none;stroke-width:8}.trainee-profile-modal .circular-progress circle.bg{stroke:var(--color-border)}.trainee-profile-modal .circular-progress circle.progress{stroke:var(--color-primary-dark);stroke-linecap:round;transition:stroke-dasharray .5s ease}.trainee-profile-modal .progress-text{font-size:.75rem;color:var(--color-primary-dark);font-weight:600}.trainee-profile-modal .progress-stats{flex:1;display:flex;flex-direction:column;gap:.75rem}.trainee-profile-modal .progress-stat-item{display:flex;flex-direction:column;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.trainee-profile-modal .progress-stat-item:last-child{border-bottom:none}.trainee-profile-modal .progress-stat-item .stat-title{font-size:.8rem;color:var(--color-text-secondary)}.trainee-profile-modal .progress-stat-item .stat-value{font-size:.9rem;color:var(--color-text-primary);font-weight:500}.trainee-profile-modal .activity-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.trainee-profile-modal .activity-stat{padding:.75rem;background:var(--color-bg-secondary);border-radius:4px}.trainee-profile-modal .activity-stat .stat-label{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.25rem}.trainee-profile-modal .activity-stat .stat-value{display:block;font-size:.95rem;font-weight:600;color:#111827}.trainee-profile-modal .activity-stat .stat-value.highlight{color:var(--color-primary-dark)}.trainee-profile-modal .recent-activities h4{font-size:1rem;font-weight:700;color:#111827;margin:0 0 1rem}.trainee-profile-modal .activities-list{display:flex;flex-direction:column;gap:0}.trainee-profile-modal .activity-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 0;border-bottom:1px solid var(--color-border)}.trainee-profile-modal .activity-item:last-child{border-bottom:none}.trainee-profile-modal .activity-times{display:flex;flex-direction:column;gap:.25rem}.trainee-profile-modal .time-row{display:flex;flex-direction:column}.trainee-profile-modal .time-label{font-size:.75rem;color:var(--color-text-secondary)}.trainee-profile-modal .time-value{font-size:.9rem;color:var(--color-primary-dark);font-weight:500}.trainee-profile-modal .activity-date{font-size:.85rem;color:var(--color-text-secondary)}.trainee-profile-modal .no-activities{text-align:center;padding:2rem;color:var(--color-text-tertiary);font-size:.9rem}.filter-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.filter-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-primary)}.week-select{padding:.4rem .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem}.filter-info{color:var(--color-text-secondary);font-size:.85rem}.attendance-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.attendance-badge.present{background:#d1fae5;color:#059669}.attendance-badge.absent{background:#fee2e2;color:#dc2626}.attendance-badge.late{background:#fef3c7;color:#d97706}.attendance-badge.pending{background:#e0e7ff;color:#4f46e5}.attendance-table th{text-align:left;white-space:nowrap}.attendance-table td{vertical-align:middle}.attendance-table .time-cell{font-family:monospace;font-size:.85rem}.attendance-table .hours-cell{font-weight:600;color:var(--color-primary-dark)}.attendance-actions{display:flex;gap:.5rem}.approve-btn{padding:.4rem .75rem;background:#059669;color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s}.approve-btn:hover:not(:disabled){background:#047857}.reject-btn{padding:.4rem .75rem;background:#dc2626;color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s}.reject-btn:hover:not(:disabled){background:#b91c1c}.approve-btn:disabled,.reject-btn:disabled{opacity:.5;cursor:not-allowed}.attendance-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-card{background:#fff;border-radius:8px;padding:1rem;border:1px solid var(--color-border);text-align:center}.summary-card .summary-value{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark)}.summary-card .summary-label{font-size:.8rem;color:var(--color-text-secondary);margin-top:.25rem}.schedule-override-content{padding:1rem 0}.add-override-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a}.add-override-section .section-title{margin:0 0 1.5rem;font-size:1.125rem;color:var(--color-text-primary)}.override-form{display:flex;flex-direction:column;gap:1.25rem}.override-form .form-row{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:end}.override-form .form-group{display:flex;flex-direction:column;gap:.5rem}.override-form .form-group label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.override-form .form-group input[type=date],.override-form .form-group input[type=number],.override-form .form-group input[type=text]{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;width:100%;box-sizing:border-box}.override-form .form-group input:focus{outline:none;border-color:var(--color-primary-dark);box-shadow:0 0 0 3px #1d4ed81a}.holiday-toggle{flex:1}.toggle-buttons{display:flex;gap:.5rem}.toggle-btn{padding:.625rem 1.25rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.toggle-btn:hover{border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.toggle-btn.active{background:var(--color-primary-dark);color:#fff;border-color:var(--color-primary-dark)}.add-override-btn{align-self:flex-start;padding:.75rem 2rem;background:var(--color-primary-dark);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.5rem}.add-override-btn:hover:not(:disabled){background:var(--color-primary-dark)}.add-override-btn:disabled{opacity:.5;cursor:not-allowed}.overrides-list-section{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a}.overrides-list-section .section-title{margin:0 0 1rem;font-size:1.125rem;color:var(--color-text-primary)}.schedule-table .type-badge{display:inline-block;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600}.schedule-table .type-badge.holiday{background:#fee2e2;color:#dc2626}.schedule-table .type-badge.reduced{background:#fef3c7;color:#d97706}.schedule-table .zero-hours{color:#dc2626;font-weight:600}.schedule-table .edit-input{padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:4px;font-size:.85rem}@media(max-width:768px){.override-form .form-row{grid-template-columns:1fr;gap:1rem}}.modal-content.schedule-edit-modal{max-width:700px!important;width:95%!important;overflow-x:hidden}.schedule-edit-modal .modal-body{overflow-x:hidden;padding:1.5rem}.schedule-edit-modal .edit-info{color:var(--color-text-secondary);margin:0 0 1.5rem}.schedule-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.schedule-day-edit{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:12px;padding:1rem;text-align:center;transition:all .2s}.schedule-day-edit.working{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:var(--color-primary-light)}.schedule-day-edit .day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.schedule-day-edit .day-name{font-weight:700;font-size:.9rem;color:var(--color-text-primary);text-transform:uppercase}.schedule-day-edit .hours-edit{display:flex;align-items:center;justify-content:center;gap:.5rem}.schedule-day-edit .hours-edit input{width:60px;padding:.5rem;border:2px solid #d1d5db;border-radius:8px;text-align:center;font-size:1rem;font-weight:600}.schedule-day-edit .hours-edit input:focus{outline:none;border-color:var(--color-primary-light)}.schedule-day-edit .hours-edit span{color:var(--color-text-secondary);font-size:.85rem}.schedule-day-edit .day-off-label{color:var(--color-text-tertiary);font-weight:500;font-size:.9rem}.toggle-switch.small{width:40px;height:22px}.toggle-switch.small .toggle-slider:before{height:16px;width:16px;left:3px;bottom:3px}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(18px)}.total-display{text-align:center;padding:1rem;background:#f0fdf4;border-radius:8px;color:#166534;font-size:1rem}.total-display strong{font-size:1.25rem}.trainee-schedules-content .section-title{display:flex;align-items:center;font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.trainee-schedules-content .section-description{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 1.5rem}.trainee-schedule-table{width:100%}.trainee-schedule-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.trainee-schedule-table .trainee-info{display:flex;flex-direction:column}.trainee-schedule-table .trainee-name{font-weight:600;color:var(--color-text-primary)}.trainee-schedule-table .trainee-id{font-size:.8rem;color:var(--color-text-secondary)}.trainee-schedule-table .not-assigned{color:var(--color-text-tertiary);font-style:italic}.trainee-schedule-table .schedule-cell{text-align:center;font-weight:500;color:var(--color-text-tertiary)}.trainee-schedule-table .schedule-cell.working{color:var(--color-primary-dark);font-weight:600}.trainee-schedule-table .schedule-cell.saturday{background-color:#eff6ff}.trainee-schedule-table .total-hours{text-align:center;font-weight:700;color:var(--color-primary-dark)}.trainee-schedule-table .no-schedule{color:var(--color-text-tertiary);font-size:.8rem}.no-schedule-row{background-color:var(--color-bg-secondary)}.no-schedule-cell{text-align:center!important}.no-schedule-badge{display:inline-block;padding:.375rem .75rem;background:var(--color-border);border:1px solid var(--color-text-tertiary);border-radius:20px;color:#4b5563;font-size:.8rem;font-weight:600}.action-btn.add{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-dark) 100%);color:#fff}.action-btn.add:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.trainees-page .tabs-container{background:#fff;border-radius:var(--radius-md, 8px);padding:1.5rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.trainees-page .tab-btn{padding:.75rem .5rem;border:none;background:none;border-radius:0;font-size:1rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base, .2s);border-bottom:2px solid transparent;margin-bottom:-2px}.trainees-page .refresh-btn{padding:.5rem 1.25rem;background:var(--color-primary-dark);color:#fff;border:none;border-radius:var(--radius-sm, 6px);font-size:.9rem;font-weight:500;cursor:pointer;transition:background var(--transition-base, .2s)}.trainees-page .refresh-btn:hover{background:var(--color-primary)}.trainees-page .schedule-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#fff;color:var(--color-primary-dark);border:1px solid var(--color-primary-dark);border-radius:var(--radius-sm, 6px);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s)}.trainees-page .week-select{padding:.4rem .75rem;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-xs, 4px);font-size:.9rem}.trainees-page .section-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.action-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .75rem;background:#fff;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-xs, 4px);font-size:.8rem;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base, .2s)}.action-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-text-tertiary)}.action-btn.primary{background:var(--color-primary-dark);color:#fff;border-color:var(--color-primary-dark)}.action-btn.primary:hover{background:var(--color-primary)}.progress-container{display:flex;flex-direction:column;gap:.25rem}.progress-bar{height:8px;background:var(--color-border);border-radius:var(--radius-xs, 4px);overflow:hidden}.progress-fill{height:100%;background:var(--color-primary-light);border-radius:var(--radius-xs, 4px);transition:width .3s ease}.progress-info{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--color-text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.empty-state-text{margin:0;font-size:.95rem}.evaluation-page{padding:24px;max-width:1400px;margin:0 auto}.evaluation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap;gap:20px}.header-left{flex:1}.evaluation-header .page-title{display:flex;align-items:center;margin:0;font-size:1.75rem;font-weight:700;color:#1d4ed8;gap:8px}.evaluation-header .page-title svg{color:#1d4ed8}.evaluation-header .page-subtitle{color:#6b7280;margin-top:6px;font-size:.95rem}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.edit-criteria-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#fff;color:#374151;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;box-shadow:none}.edit-criteria-btn:hover{background-color:#1d4ed8;color:#fff;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #1d4ed84d}.add-period-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#fff;color:#374151;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.add-period-btn:hover{background-color:#1d4ed8;color:#fff;border-color:#1d4ed8}.evaluation-period-selector{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:18px 24px;border-radius:12px;border:1px solid #e2e8f0}.selector-label{font-weight:600;color:#475569;font-size:.95rem}.period-buttons{display:flex;gap:10px;flex-wrap:wrap}.period-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:2px solid #e2e8f0;background-color:#fff;color:#1d4ed8;border-radius:24px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;position:relative}.period-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.period-btn.active{background-color:#1d4ed8;color:#fff;box-shadow:0 4px 12px #1d4ed840}.delete-period-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:inherit;opacity:.6;transition:all .2s;margin-left:4px}.delete-period-btn:hover{opacity:1;background-color:#0000001a}.period-btn.active .delete-period-btn:hover{background-color:#fff3}.period-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:16px 24px;border-radius:10px;margin-bottom:20px;border:1px solid #bfdbfe}.period-info p{margin:8px 0;color:#1e40af;font-size:.95rem}.period-info p:first-child{margin-top:0}.period-info p:last-child{margin-bottom:0}.period-info strong{color:#1e3a8a}.no-periods-message{background-color:#fef3cd;border:1px solid #f0c36d;padding:20px 24px;border-radius:10px;margin-bottom:20px;text-align:center}.no-periods-message p{margin:0;color:#856404;font-size:.95rem}.evaluation-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid #e2e8f0}.evaluation-table{width:100%;border-collapse:collapse}.evaluation-table th,.evaluation-table td{padding:16px 20px;text-align:left}.evaluation-table thead tr{background:linear-gradient(135deg,#1e293b,#334155)}.evaluation-table th{color:#f8fafc;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:none}.evaluation-table th:first-child{border-top-left-radius:12px}.evaluation-table th:last-child{border-top-right-radius:12px}.evaluation-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s ease}.evaluation-table tbody tr:last-child{border-bottom:none}.evaluation-table tbody tr:hover{background-color:#f8fafc}.evaluation-table td{color:#475569;font-size:.925rem}.student-name-cell{font-weight:600;color:#1e293b}.status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.evaluated{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-badge.not-evaluated{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.score-display{font-weight:700;font-size:1rem}.no-score{color:#94a3b8;font-style:italic}.view-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;background-color:#1d4ed8;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #1d4ed833}.view-btn:hover:not(:disabled){background-color:#1e40af;transform:translateY(-1px);box-shadow:0 4px 8px #1d4ed84d}.view-btn:disabled{background-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}.evaluation-page .modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.evaluation-page .modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.evaluation-page .modal-content.criteria-modal{max-width:900px}.evaluation-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:none;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border-radius:12px 12px 0 0}.evaluation-page .modal-header h3{margin:0;font-size:1.25rem}.evaluation-page .modal-close{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.evaluation-page .modal-close:hover{opacity:.8}.evaluation-page .modal-body{padding:24px}.evaluation-page .modal-footer{padding:16px 24px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px;background:#f8fafc}.evaluation-page .modal-footer .cancel-btn{padding:10px 20px;background:#e2e8f0;color:#475569;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.evaluation-page .modal-footer .cancel-btn:hover{background:#cbd5e1}.evaluation-page .modal-footer .submit-btn{padding:10px 24px;background:#1d4ed8;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #1d4ed833}.evaluation-page .modal-footer .submit-btn:hover:not(:disabled){background:#1e40af;transform:translateY(-1px);box-shadow:0 4px 8px #1d4ed84d}.evaluation-page .modal-footer .submit-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}.student-info-section{background-color:#f8f9fa;padding:16px 20px;border-radius:8px;margin-bottom:24px}.student-info-section h4{margin:0 0 12px;color:#04c;font-size:1.2rem}.student-info-section p{margin:6px 0;color:#333}.scores-section{margin-bottom:24px}.scores-section h4{margin:0 0 16px;color:#333;font-size:1.1rem}.scores-table{width:100%;border-collapse:collapse}.scores-table th,.scores-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e9ecef}.scores-table th{background-color:#f8f9fa;color:#333;font-weight:600;font-size:.85rem}.scores-table .criteria-name{font-weight:500;color:#333}.scores-table .criteria-description{color:#666;font-size:.9rem}.scores-table .criteria-score{font-weight:600;text-align:center;white-space:nowrap}.scores-table .total-row{background-color:#f0f4ff}.scores-table .total-row td{border-bottom:none}.notes-section{background-color:#f8f9fa;padding:16px 20px;border-radius:8px}.notes-section h4{margin:0 0 8px;color:#333;font-size:1rem}.notes-section p{margin:0;color:#555;line-height:1.6}.criteria-edit-table{width:100%;border-collapse:collapse}.criteria-edit-table th,.criteria-edit-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e9ecef}.criteria-edit-table th{background-color:#f8f9fa;color:#333;font-weight:600;font-size:.85rem}.criteria-edit-table .total-row{background-color:#f0f4ff}.criteria-edit-table .total-row td{border-bottom:none}.edit-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.edit-input:focus{outline:none;border-color:#04c}.edit-input.number-input{width:70px}.action-buttons{display:flex;gap:8px}.save-btn,.cancel-btn,.edit-row-btn{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.save-btn{background-color:#28a745;color:#fff}.save-btn:hover{background-color:#218838}.cancel-btn{background-color:#dc3545;color:#fff}.cancel-btn:hover{background-color:#c82333}.edit-row-btn{background-color:#04c;color:#fff}.edit-row-btn:hover{background-color:#03a}.close-modal-btn{padding:10px 24px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;transition:background-color .2s}.close-modal-btn:hover{background-color:#5a6268}.criteria-section{margin-top:24px}.criteria-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.criteria-header h4{margin:0;font-size:1.1rem;color:#1e293b;font-weight:600}.add-criteria-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#1d4ed8;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.add-criteria-btn:hover{background:#1e40af}.remove-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#fecaca}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:6px;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.classroom-selector{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.classroom-selector label{font-weight:600;color:#475569}.classroom-selector select{padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;min-width:200px}@media(max-width:768px){.evaluation-page{padding:16px}.evaluation-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}.edit-criteria-btn,.add-period-btn{width:100%;justify-content:center}.evaluation-period-selector{flex-direction:column;align-items:flex-start}.period-buttons{width:100%;justify-content:flex-start}.evaluation-table-container{border-radius:8px}.evaluation-table th,.evaluation-table td{padding:12px;font-size:.85rem}.evaluation-page .modal-content{max-width:100%;margin:10px}.scores-table th:nth-child(2),.scores-table td:nth-child(2){display:none}.criteria-edit-table th:nth-child(2),.criteria-edit-table td:nth-child(2){display:none}}.attendance-summary-section{background:#fff;padding:24px;border-radius:16px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 4px 16px #00000014}.attendance-summary-section h4{margin:0 0 20px;color:#1e293b;font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:8px}.attendance-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}@media(max-width:600px){.attendance-stats-grid{grid-template-columns:repeat(2,1fr)}}.attendance-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;transition:transform .2s,box-shadow .2s}.attendance-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.attendance-stat.absent{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-color:#e2e8f0}.attendance-stat.absent .stat-value{color:#dc2626}.attendance-stat.absent .stat-icon{background:#f1f5f9;color:#dc2626}.attendance-stat .stat-icon{font-size:1.25rem;margin-bottom:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#dbeafe;border-radius:50%}.attendance-stat .stat-value{font-size:1.75rem;font-weight:800;color:#1d4ed8;line-height:1;margin-bottom:6px}.attendance-stat .stat-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.attendance-rates{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:20px;border-top:1px solid #e2e8f0}.attendance-rates span{display:flex;flex-direction:column;background:linear-gradient(145deg,#f8fafc,#f1f5f9);padding:16px;border-radius:10px;border:1px solid #e2e8f0}.attendance-rates span strong{font-size:.75rem;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.attendance-rates span:after{font-size:1.5rem;font-weight:700;color:#15803d}.classroom-selector-container.simple-mode{background:#fff;display:block;padding:3rem;align-items:unset;justify-content:unset}.selector-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;margin:-3rem -3rem 2rem;background:var(--color-primary-dark)}.selector-header .navbar-brand{display:flex;align-items:center;font-size:1.25rem;font-weight:700}.selector-header .brand-text{color:#fff}.selector-header .brand-marker{color:#f87171;font-size:1.25rem;margin:0 -2px}.selector-header .nav-signout{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;color:#f87171;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:4px;transition:background .2s}.selector-header .nav-signout:hover{background:#ffffff1a}.create-class-pill{background-color:var(--color-primary-dark);color:#fff;border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;transition:transform .2s;box-shadow:0 4px 6px -1px #0000001a}.create-class-pill:hover{transform:translateY(-2px);background-color:var(--color-primary-dark)}.classrooms-list-simple{display:flex;flex-direction:column;gap:1.5rem;max-width:800px}.classroom-blue-card{background-color:var(--color-primary-dark);border-radius:30px;padding:2.5rem;min-height:200px;display:flex;justify-content:space-between;align-items:stretch;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.classroom-blue-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #1e40af66}.card-left{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1}.card-title{font-size:2rem;font-weight:800;margin:0;line-height:1.2}.card-desc{font-size:1.2rem;font-weight:600;margin:0;opacity:.9}.card-right{display:flex;align-items:flex-end;gap:.5rem;cursor:copy;align-self:flex-end}.card-code{font-size:1.5rem;font-weight:700;font-family:monospace;letter-spacing:1px}.classroom-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s}.classroom-item:hover{border-color:var(--color-primary-dark);background:#eff6ff}.classroom-item-info{display:flex;flex-direction:column;gap:.25rem}.classroom-name{font-size:1rem;font-weight:600;color:#111827}.classroom-code{font-size:.8rem;color:var(--color-text-secondary)}.classroom-item svg{color:var(--color-text-tertiary);transition:color .2s}.classroom-item:hover svg{color:var(--color-primary-dark)}.create-form{display:flex;flex-direction:column;gap:1rem}.create-form .form-group{text-align:left}.create-form .form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.create-form .form-group input{width:100%;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:8px;font-size:1rem;transition:all .2s;box-sizing:border-box}.create-form .form-group input:focus{outline:none;border-color:var(--color-primary-dark);box-shadow:0 0 0 3px #1d4ed81a}.form-actions{display:flex;flex-direction:column;gap:.75rem}.back-btn{padding:.75rem 1rem;background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.back-btn:hover{background:var(--color-border)}.create-new-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1rem;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.create-new-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0596694d}.analytics-page{padding:20px;max-width:100%}.analytics-header{margin-bottom:24px}.analytics-header .page-title{display:flex;align-items:center;margin:0;font-size:1.5rem;color:#1a1a2e}.analytics-header .page-subtitle{color:#666;margin-top:4px;font-size:.95rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.summary-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.card-icon.total{background:linear-gradient(135deg,#04c,#06f)}.card-icon.active{background:linear-gradient(135deg,#28a745,#34ce57)}.card-icon.at-risk{background:linear-gradient(135deg,#ffc107,#ffca2c)}.card-icon.absent{background:linear-gradient(135deg,#dc3545,#e4606d)}.card-info{display:flex;flex-direction:column;min-width:0}.card-value{font-size:1.75rem;font-weight:700;color:#333;line-height:1.2}.card-label{font-size:.875rem;color:#666;margin-top:2px;white-space:nowrap}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.trainee-list-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.section-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.trainee-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.trainee-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.trainee-item:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#cbd5e1}.trainee-item.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.trainee-item.at-risk{background:#fff;border-color:#fca5a5}.trainee-item.at-risk:hover{background:#fef2f2}.trainee-item.at-risk.selected{border-color:#ef4444;background:#fef2f2}.trainee-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 2px 4px #2563eb33}.trainee-item.at-risk .trainee-avatar{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 2px 4px #f59e0b33}.trainee-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}.trainee-name{font-weight:600;color:#1e293b;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trainee-activity-status{font-size:.75rem;font-weight:500;display:inline-flex;align-items:center}.trainee-activity-status.active{color:#16a34a}.trainee-activity-status.active:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#16a34a;margin-right:6px}.trainee-activity-status.inactive{color:#dc2626}.trainee-at-risk-badge{background:#fee2e2;color:#b91c1c;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:9999px;white-space:nowrap;flex-shrink:0;border:1px solid #fecaca;margin-left:8px}.chart-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column}.chart-card.large{grid-column:span 1}.chart-title{font-size:1rem;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #eee}.chart-container{height:280px;position:relative;flex:1;min-height:0}.top-absent-list{display:flex;flex-direction:column;gap:12px;flex:1}.top-absent-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:10px;transition:all .2s ease}.top-absent-item:hover{background:#ffebee}.absent-rank{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#dc3545,#e4606d);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.absent-info{display:flex;flex-direction:column;flex:1;min-width:0}.absent-name{font-weight:500;color:#333;font-size:.95rem}.absent-count{font-size:.8rem;color:#dc3545;margin-top:2px}@media(max-width:1400px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){.charts-grid{grid-template-columns:1fr}.chart-card.large{grid-column:span 1}}@media(max-width:900px){.trainee-list-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.analytics-page{padding:15px}.summary-cards{grid-template-columns:repeat(2,1fr);gap:12px}.summary-card{padding:16px}.card-icon{width:48px;height:48px;font-size:1.25rem}.card-value{font-size:1.5rem}.charts-grid{gap:16px}.chart-card{padding:16px}.chart-container{height:240px}.trainee-list-section{padding:16px}}@media(max-width:600px){.summary-cards{grid-template-columns:1fr 1fr}.trainee-list-grid{grid-template-columns:1fr}}@media(max-width:480px){.summary-cards{grid-template-columns:1fr}.card-icon{width:44px;height:44px;font-size:1.1rem}.card-value{font-size:1.35rem}.card-label{font-size:.8rem}.chart-container{height:200px}.top-absent-item{padding:12px;gap:12px}.absent-rank{width:32px;height:32px;font-size:.9rem}.absent-name{font-size:.85rem}.absent-count{font-size:.75rem}}.classroom-page{max-width:1200px;margin:0 auto}.classroom-header{margin-bottom:1.5rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;background:none;border:none;color:#1d4ed8;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .2s;margin-bottom:1rem}.back-link:hover{color:#1e40af}.classroom-info-header{background:var(--color-primary-dark, #1e40af);border-radius:12px;padding:3rem 2rem;color:#fff;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;position:relative;overflow:hidden;margin-bottom:2rem}.classroom-title-section{flex:1}.classroom-name{font-size:2.5rem;font-weight:700;color:#fff!important;margin:0 0 .5rem}.classroom-description{color:#ffffffe6;font-size:1.1rem;margin:0 0 1rem}.classroom-meta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.meta-item{display:inline-flex;align-items:center;gap:.5rem;color:#ffffffe6;font-size:1rem}.join-code-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;padding:.5rem 1rem;border-radius:8px;font-size:1rem;color:#fff;font-family:monospace;cursor:pointer;transition:background .2s}.join-code-badge:hover{background:#ffffff4d}.join-code-badge code{font-weight:700;color:#fff;letter-spacing:1px}.create-activity-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#2563eb;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.create-activity-btn:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.classroom-header-actions{display:flex;gap:.75rem;align-items:center}.schedule-overrides-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.schedule-overrides-btn:hover{background:#ffffff4d;border-color:#ffffff80}.classroom-tabs{display:flex;gap:2rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.classroom-tabs .tab-btn{padding:.75rem 0;background:none;border:none;color:#6b7280;font-size:1.1rem;font-weight:600;cursor:pointer;position:relative;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.classroom-tabs .tab-btn:hover{color:#1f2937}.classroom-tabs .tab-btn.active{color:#111827;border-bottom-color:#2563eb}.classroom-tabs .tab-btn.active:after{display:none}.classroom-content{min-height:400px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280;text-align:center}.loading-spinner.small{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#1d4ed8;border-radius:50%;animation:spin .8s linear infinite}.error-state button{margin-top:1rem;padding:.5rem 1rem;background:#1d4ed8;color:#fff;border:none;border-radius:6px;cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:2px dashed #d1d5db;text-align:center;color:#9ca3af}.empty-state svg{margin-bottom:1rem;color:#d1d5db}.empty-state h3{margin:0 0 .5rem;color:#374151;font-size:1.1rem}.empty-state p{margin:0 0 1.5rem;color:#6b7280}.create-btn-empty{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#1d4ed8;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s}.create-btn-empty:hover{background:#1e40af}.post-group{margin-bottom:2rem}.group-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.group-title svg{color:#1d4ed8}.post-count{font-weight:400;color:#9ca3af;font-size:.9rem}.posts-list{display:flex;flex-direction:column;gap:.75rem}.post-card{display:flex;align-items:center;background:#fff;border-radius:10px;border:1px solid #e5e7eb;padding:1rem 1.25rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.post-card:hover{border-color:#1d4ed8;background:#fafafa}.post-card-content{display:flex;align-items:center;gap:1rem;flex:1}.post-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#1e40af;border-radius:50%;color:#fff;flex-shrink:0}.post-info{flex:1}.post-title{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#111827}.post-description{margin:0 0 .5rem;font-size:.85rem;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.meta-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.meta-badge.submission{background:#dbeafe;color:#1d4ed8}.meta-badge.points{background:#dcfce7;color:#16a34a}.meta-badge.points .points-icon{font-size:.8rem}.meta-badge.due-date{background:#f3f4f6;color:#6b7280}.post-actions{display:flex;gap:.5rem;margin-left:1rem}.post-actions .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.post-actions .action-btn:hover{background:#e5e7eb}.post-actions .action-btn.edit:hover{background:#dbeafe;color:#1d4ed8}.post-actions .action-btn.delete:hover{background:#fee2e2;color:#dc2626}.submissions-overview{padding:1rem 0}.activities-to-review{display:flex;flex-direction:column;gap:.75rem}.review-card{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:10px;padding:1.25rem 1.5rem;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s}.review-card:hover{border-color:#1d4ed8;box-shadow:0 4px 12px #1d4ed81a}.review-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:10px;color:#fff}.review-card-info{flex:1}.review-card-info h4{margin:0 0 .25rem;font-size:1.05rem;font-weight:600;color:#111827}.review-card-meta{margin:0;font-size:.85rem;color:#6b7280}.review-btn{padding:.5rem 1rem;background:#1d4ed8;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.review-btn:hover{background:#1e40af}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;max-width:540px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-content.create-activity-modal{max-width:600px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#111827}.activity-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.form-error{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#374151}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s;background:#fff}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.category-select-row{display:flex;gap:.5rem}.category-select{flex:1;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s}.category-select:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.add-category-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s;flex-shrink:0}.add-category-btn:hover{background:#f3f4f6;border-color:#1d4ed8;color:#1d4ed8}.add-category-row{display:flex;gap:.5rem}.add-category-row input{flex:1;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-family:inherit}.add-category-row input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.add-btn{padding:.75rem 1.25rem;background:#1d4ed8;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.add-btn:hover{background:#1e40af}.cancel-add-btn{padding:.75rem 1rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-add-btn:hover{background:#f3f4f6}.link-input-wrapper{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:8px;overflow:hidden;transition:all .2s}.link-input-wrapper:focus-within{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.link-icon{display:flex;align-items:center;justify-content:center;padding:0 .75rem;color:#9ca3af}.link-input-wrapper input{flex:1;padding:.75rem .75rem .75rem 0;border:none;font-size:.95rem;font-family:inherit}.link-input-wrapper input:focus{outline:none;box-shadow:none}.file-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #d1d5db;border-radius:10px;background:#fafafa;cursor:pointer;transition:all .2s;position:relative}.file-upload-area:hover{border-color:#1d4ed8;background:#eff6ff}.upload-icon{color:#9ca3af;margin-bottom:.5rem}.file-upload-area:hover .upload-icon{color:#1d4ed8}.upload-text{font-size:.9rem;color:#1d4ed8;font-weight:500}.file-input-hidden{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.submission-settings .settings-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1rem 1.25rem}.submission-settings .settings-card h4{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:#111827}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#1d4ed8;cursor:pointer}.checkbox-label span{font-size:.9rem;color:#374151}.submission-options{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:.25rem}.submission-options .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.submission-options .form-group{margin-bottom:0}.submission-options .form-group label{display:block;margin-bottom:.5rem}.submission-options .form-group input{width:100%;box-sizing:border-box}.status-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s}.status-select:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.form-actions{display:flex;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.cancel-btn{flex:1;padding:.875rem 1.25rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f3f4f6}.submit-btn{flex:1;padding:.875rem 1.25rem;background:#1d4ed8;border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:#1e40af}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.type-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.type-btn:hover{border-color:#1d4ed8;color:#1d4ed8}.type-btn.active{background:#eff6ff;border-color:#1d4ed8;color:#1d4ed8}.submissions-page{max-width:1400px;margin:0 auto}.submissions-header{margin-bottom:1.5rem}.submissions-title-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.submissions-title-section h1{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem}.submissions-subtitle{color:#6b7280;font-size:.9rem;margin:0 0 1rem}.submissions-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat-item{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.stat-item.graded{background:#dcfce7;color:#16a34a}.stat-item.submitted{background:#dbeafe;color:#1d4ed8}.stat-item.late{background:#fef3c7;color:#d97706}.stat-item.missing{background:#f3f4f6;color:#6b7280}.submissions-content{min-height:400px}.submissions-layout{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;align-items:start}.submissions-list-section{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000001a}.section-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.submissions-list{display:flex;flex-direction:column;gap:.5rem}.submission-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:10px;border:2px solid transparent;background:#f9fafb;cursor:pointer;transition:all .2s}.submission-card:hover{background:#eff6ff;border-color:#1d4ed8}.submission-card.selected{background:#dbeafe;border-color:#1d4ed8}.submission-card.late{border-left:3px solid #f59e0b}.submission-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:50%;color:#fff;font-size:.85rem;font-weight:600;flex-shrink:0}.submission-info{flex:1;min-width:0}.trainee-name{margin:0;font-size:.95rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trainee-email{margin:0;font-size:.8rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submission-time{display:flex;align-items:center;gap:.35rem;margin:.25rem 0 0;font-size:.75rem;color:#9ca3af}.late-badge{display:inline-block;padding:.1rem .4rem;background:#fef3c7;color:#d97706;border-radius:4px;font-weight:500;margin-left:.5rem}.submission-status{flex-shrink:0}.grade-badge{display:inline-block;padding:.35rem .75rem;background:#dcfce7;color:#16a34a;border-radius:6px;font-size:.85rem;font-weight:600}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500}.status-badge.pending{background:#f3f4f6;color:#6b7280}.status-badge.missing{background:#fee2e2;color:#dc2626}.submission-card.missing{background:#fef2f2;cursor:default}.submission-card.missing:hover{border-color:transparent;background:#fef2f2}.submission-avatar.missing{background:#d1d5db}.submission-card.pending{background:#f9fafb;cursor:default}.submission-card.pending:hover{border-color:transparent;background:#f9fafb}.submission-avatar.pending{background:#9ca3af}.empty-submissions{padding:2rem;text-align:center;color:#9ca3af}.grading-panel{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000001a;position:sticky;top:1rem}.grading-content{display:flex;flex-direction:column;gap:1.25rem}.trainee-info{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.trainee-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:50%;color:#fff;font-size:1rem;font-weight:600}.trainee-info h4{margin:0;font-size:1rem;font-weight:600;color:#111827}.trainee-info p{margin:.25rem 0 0;font-size:.85rem;color:#6b7280}.submitted-files{display:flex;flex-direction:column;gap:.5rem}.submitted-files label{font-size:.85rem;font-weight:500;color:#374151}.files-list{display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;color:#1d4ed8;text-decoration:none;transition:background .2s}.file-item:hover{background:#eff6ff}.file-name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submission-text{display:flex;flex-direction:column;gap:.5rem}.submission-text label{font-size:.85rem;font-weight:500;color:#374151}.submission-text p{margin:0;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;font-size:.9rem;color:#374151;line-height:1.5}.grade-input-group,.feedback-input-group{display:flex;flex-direction:column;gap:.5rem}.grade-input-group label,.feedback-input-group label{font-size:.85rem;font-weight:500;color:#374151}.grade-input-group input,.feedback-input-group textarea{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s}.grade-input-group input:focus,.feedback-input-group textarea:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.feedback-input-group textarea{resize:vertical;min-height:100px}.save-grade-btn{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.save-grade-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1d4ed859}.save-grade-btn:disabled{opacity:.6;cursor:not-allowed}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#9ca3af;text-align:center}.no-selection svg{margin-bottom:.75rem;color:#d1d5db}.no-selection p{margin:0;font-size:.9rem}@media(max-width:1024px){.submissions-layout{grid-template-columns:1fr}.grading-panel{position:static}}@media(max-width:768px){.classroom-info-header{flex-direction:column;gap:1rem}.create-activity-btn{width:100%;justify-content:center}.form-row,.type-selector{grid-template-columns:1fr}}.view-post-modal{max-width:560px}.view-post-content{padding:1.5rem}.view-post-content .post-type-badge{display:inline-block;padding:.35rem .75rem;background:#dbeafe;color:#1d4ed8;border-radius:6px;font-size:.85rem;font-weight:500;margin-bottom:1rem;text-transform:capitalize}.view-post-content .post-section{margin-bottom:1.5rem}.view-post-content .post-section h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#6b7280}.view-post-content .post-section p{margin:0;color:#374151;line-height:1.6;white-space:pre-wrap}.view-post-content .post-details{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:8px}.view-post-content .detail-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6b7280}.view-post-content .detail-item svg{color:#9ca3af}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#fafafa;border-radius:0 0 16px 16px}.edit-post-modal{max-width:600px}.time-cell{min-width:140px;padding:.5rem!important}.time-entry{display:flex;flex-direction:column;align-items:center;gap:.35rem}.time-value{font-weight:600;color:#374151;font-size:.9rem}.no-time{color:#9ca3af;font-size:.9rem}.status-badge{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.field-actions{display:flex;gap:.25rem;margin-top:.25rem}.mini-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;cursor:pointer;transition:all .15s}.mini-btn.approve{background:#d1fae5;color:#065f46}.mini-btn.approve:hover{background:#10b981;color:#fff}.mini-btn.reject{background:#fee2e2;color:#991b1b}.mini-btn.reject:hover{background:#ef4444;color:#fff}.mini-btn:disabled{opacity:.5;cursor:not-allowed}.entry-type-badge.am{background:#dbeafe;color:#1d4ed8}.coordinator-page .profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:900px}.coordinator-page .profile-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.coordinator-page .profile-card-header{background:var(--color-primary-dark);color:#fff;padding:.875rem 1.5rem;font-weight:600;font-size:1rem;text-align:center}.coordinator-page .profile-card-content{padding:1.5rem}.coordinator-page .profile-field{margin-bottom:1.25rem}.coordinator-page .profile-field:last-child{margin-bottom:0}.coordinator-page .profile-field label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;margin-bottom:.5rem}.coordinator-page .profile-value{padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.95rem}@media(max-width:768px){.coordinator-page .profile-grid{grid-template-columns:1fr}}.trainees-page .tabs-container{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.trainees-page .tabs-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.trainees-page .tabs{display:flex;gap:1.5rem;border-bottom:2px solid var(--color-border);flex:1}.trainees-page .tab-btn{padding:.75rem .5rem;border:none;background:none;border-radius:0;font-size:1rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.trainees-page .tab-btn:hover{background:none;color:var(--color-primary-dark)}.trainees-page .tab-btn.active{background:none;color:var(--color-primary-dark);border-bottom-color:var(--color-primary-dark)}.trainees-page .refresh-btn{padding:.5rem 1.25rem;background:var(--color-primary-dark);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.trainees-page .refresh-btn:hover{background:var(--color-primary-dark)}.trainees-page .tabs-actions{display:flex;gap:.75rem;align-items:center}.trainees-page .schedule-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#fff;color:var(--color-primary-dark);border:1px solid var(--color-primary-dark);border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.trainees-page .schedule-btn:hover:not(:disabled){background:var(--color-primary-dark);color:#fff}.trainees-page .schedule-btn:disabled{opacity:.5;cursor:not-allowed}.trainees-page .filter-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.trainees-page .filter-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-primary)}.trainees-page .week-select{padding:.4rem .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem}.trainees-page .filter-info{color:var(--color-text-secondary);font-size:.85rem}.trainees-page .section-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1rem}.data-table th{padding:1rem;text-align:left;font-weight:600;font-size:.85rem}.data-table td{padding:1rem;border-bottom:1px solid var(--color-border);font-size:.9rem;color:var(--color-text-primary)}.data-table tbody tr:hover{background:var(--color-bg-secondary)}.data-table .name-cell,.data-table .hours-cell{color:var(--color-primary-dark)}.department-table th{text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.dept-badge{display:inline-block;padding:.2rem .5rem;background:#dbeafe;color:var(--color-primary-dark);border-radius:4px;font-size:.8rem;font-weight:500}.dept-badge.na{background:#fee2e2;color:#dc2626}.action-btn{padding:.4rem;background:var(--color-bg-tertiary);border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--color-border)}.action-btn.edit{background:#dbeafe;border-color:var(--color-primary);color:var(--color-primary)}.action-btn.edit:hover{background:#bfdbfe}.action-btn.save{background:#dcfce7;border-color:#16a34a;color:#16a34a}.action-btn.save:hover{background:#bbf7d0}.action-btn.cancel{background:#fee2e2;border-color:#dc2626;color:#dc2626}.action-btn.cancel:hover{background:#fecaca}.action-buttons{display:flex;gap:.5rem}.edit-select{padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:4px;font-size:.85rem;min-width:140px;background:#fff}.edit-select:focus{outline:none;border-color:var(--color-primary-dark);box-shadow:0 0 0 2px #1d4ed81a}.edit-select:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed}.location-table .coordinates-cell{font-size:.8rem;color:var(--color-text-secondary);line-height:1.4}.location-table .coordinates-cell div{white-space:nowrap}.location-actions{display:flex;gap:.5rem}.action-btn.approve{background:#dcfce7;border-color:#16a34a;color:#16a34a;padding:.4rem .75rem;font-size:.8rem;font-weight:500;gap:.25rem}.action-btn.approve:hover{background:#bbf7d0}.action-btn.reject{background:#fee2e2;border-color:#dc2626;color:#dc2626;padding:.4rem .75rem;font-size:.8rem;font-weight:500;gap:.25rem}.action-btn.reject:hover{background:#fecaca}.action-btn:disabled{opacity:.5;cursor:not-allowed}.section-title .location-icon{margin-right:.5rem}.attendance-table td{font-size:.85rem}.attendance-table th{font-size:.8rem;white-space:nowrap}.classroom-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;margin-left:.5rem;min-width:200px}.office-badge{display:inline-block;padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500;background:#dbeafe;color:var(--color-primary-dark)}.office-badge.na{background:#fee2e2;color:#dc2626}.error-message{background:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.entry-type-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600}.entry-type-badge.am{background:#dbeafe;color:var(--color-primary-dark)}.entry-type-badge.pm{background:#fef3c7;color:#92400e}.time-value{font-weight:600;color:var(--color-text-primary);font-size:.9rem}.attendance-table th,.attendance-table td{text-align:center;vertical-align:middle}.feedback-page .filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.feedback-page .filter-btn{padding:.5rem 1.25rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:.9rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s}.feedback-page .filter-btn:hover{background:var(--color-bg-tertiary)}.feedback-page .filter-btn.active{background:var(--color-primary-dark);color:#fff;border-color:var(--color-primary-dark)}.feedback-list{display:flex;flex-direction:column;gap:1rem}.feedback-card{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px #0000001a;border-left:4px solid}.feedback-card.supervisor-to-student{border-left-color:var(--color-primary-dark)}.feedback-card.student-to-supervisor{border-left-color:#059669}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.feedback-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600}.feedback-type-badge.supervisor-to-student{background:#dbeafe;color:var(--color-primary-dark)}.feedback-type-badge.student-to-supervisor{background:#d1fae5;color:#059669}.feedback-date{color:var(--color-text-tertiary);font-size:.8rem}.feedback-participants{margin-bottom:.75rem;font-size:.9rem;color:#4b5563}.feedback-participants .from{margin-right:1.5rem}.feedback-participants strong{color:#111827}.stars-container{display:flex;align-items:center;gap:.125rem;margin-bottom:.75rem}.stars-container .star{font-size:1.1rem}.stars-container .star.filled{color:#f59e0b}.stars-container .star.empty{color:#d1d5db}.stars-container .rating-text{margin-left:.5rem;font-size:.85rem;color:var(--color-text-secondary)}.feedback-comment{color:var(--color-text-primary);font-style:italic;margin:0;line-height:1.5}.analytics-page .analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.analytics-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.analytics-card.wide{grid-column:span 2}.analytics-card h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#111827;border-bottom:2px solid var(--color-primary-dark);padding-bottom:.5rem}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-bg-tertiary)}.metric-row:last-child{border-bottom:none}.metric-label{color:#4b5563;font-size:.9rem}.metric-value{font-weight:600;font-size:1.1rem;color:var(--color-primary-dark)}.metric-value.warning{color:#dc2626}.feedback-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}.feedback-stat{padding:1rem;background:var(--color-bg-tertiary);border-radius:6px}.feedback-stat .stat-number{display:block;font-size:2rem;font-weight:700;color:var(--color-primary-dark)}.feedback-stat .stat-desc{display:block;font-size:.8rem;color:var(--color-text-secondary);margin-top:.25rem}.profile-page .profile-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a;max-width:600px}.profile-page .profile-avatar{display:flex;justify-content:center;margin-bottom:1.5rem}.profile-page .avatar-circle{width:80px;height:80px;background:var(--color-primary-dark);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600}.profile-page .profile-info{margin-bottom:1.5rem}.profile-page .info-group{margin-bottom:1rem}.profile-page .info-group label{display:block;font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.profile-page .info-group p{margin:0;font-size:1rem;color:#111827}.profile-page .status-complete{color:#059669}.profile-page .status-incomplete{color:#dc2626}.profile-page .profile-actions{display:flex;gap:1rem}.profile-page .edit-profile-btn,.profile-page .change-password-btn{padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.profile-page .edit-profile-btn{background:var(--color-primary-dark);color:#fff;border:none}.profile-page .edit-profile-btn:hover{background:var(--color-primary-dark)}.profile-page .change-password-btn{background:#fff;color:var(--color-text-primary);border:1px solid #d1d5db}.profile-page .change-password-btn:hover{background:var(--color-bg-tertiary)}@media(max-width:768px){.analytics-page .analytics-grid{grid-template-columns:1fr}.analytics-card.wide{grid-column:span 1}.feedback-stats{grid-template-columns:repeat(2,1fr)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--color-text-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary-dark);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.error-container .error-text{color:#dc2626;font-size:1rem}.error-container button{padding:.75rem 1.5rem;background:var(--color-primary-dark);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer}.error-container button:hover{background:var(--color-primary-dark)}.empty-state{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-secondary);font-size:1rem;background:var(--color-bg-secondary);border-radius:8px;border:1px dashed #d1d5db}.classroom-setup-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1e3a8a 0%,var(--color-primary-light) 50%,#60a5fa 100%);padding:2rem}.classroom-setup-card{background:#fff;border-radius:16px;padding:3rem;max-width:480px;width:100%;box-shadow:0 25px 50px -12px #00000040;text-align:center;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.classroom-setup-card.success{background:linear-gradient(180deg,#f0fdf4,#fff)}.setup-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary-light) 100%);border-radius:20px;color:#fff;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#059669,#10b981);border-radius:50%;color:#fff;margin-bottom:1.5rem;animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.setup-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .75rem}.success-title{color:#059669}.setup-subtitle{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin:0 0 2rem}.setup-form{display:flex;flex-direction:column;gap:1.5rem}.setup-form .form-group{text-align:left}.setup-form .form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.setup-form .form-group input{width:100%;padding:.875rem 1rem;border:2px solid var(--color-border);border-radius:10px;font-size:1rem;transition:all .2s;box-sizing:border-box}.setup-form .form-group input:focus{outline:none;border-color:var(--color-primary-dark);box-shadow:0 0 0 3px #1d4ed81a}.setup-form .form-group input::placeholder{color:var(--color-text-tertiary)}.setup-form .error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}.create-btn,.continue-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary-light) 100%);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.create-btn:hover,.continue-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1d4ed84d}.create-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.continue-btn{background:linear-gradient(135deg,#059669,#10b981);margin-top:1.5rem}.continue-btn:hover{box-shadow:0 10px 20px #0596694d}.create-btn .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.setup-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.setup-footer p{margin:0;font-size:.8rem;color:var(--color-text-tertiary)}.join-code-display{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary-light) 100%);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.join-code-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#fffc;margin-bottom:.5rem}.join-code-value{display:flex;align-items:center;justify-content:center;gap:.75rem}.join-code-value span{font-size:2rem;font-weight:700;color:#fff;letter-spacing:4px;font-family:Courier New,Courier,monospace}.copy-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#ffffff4d}.classroom-info{text-align:left;margin-bottom:1rem}.classroom-info .info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-bg-secondary);border-radius:8px}.classroom-info .info-label{font-size:.875rem;color:var(--color-text-secondary)}.classroom-info .info-value{font-size:.95rem;font-weight:600;color:#111827}@media(max-width:480px){.classroom-setup-container,.classroom-selector-container{padding:1rem}.classroom-setup-card,.classroom-selector-card{padding:2rem 1.5rem}.setup-title,.selector-title{font-size:1.5rem}.join-code-value span{font-size:1.5rem;letter-spacing:2px}}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.modal-header .close-btn{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:.25rem;border-radius:4px;transition:background .2s}.modal-header .close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:0 0 16px 16px}.btn-secondary{padding:.75rem 1.5rem;background:var(--color-bg-tertiary);border:1px solid #d1d5db;border-radius:8px;color:var(--color-text-primary);font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:var(--color-border)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-dark) 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.coordinator-layout{min-height:100vh;display:flex;flex-direction:column}.coordinator-navbar{background:var(--color-primary-dark);padding:0 2rem;display:flex;align-items:center;height:56px;gap:2rem}.coordinator-navbar .navbar-brand{display:flex;align-items:center;color:#fff;font-size:1.25rem;font-weight:700}.coordinator-navbar .brand-text{color:#fff}.coordinator-navbar .brand-marker{color:#f87171;font-size:1.25rem;margin:0 -2px}.coordinator-navbar .navbar-links{display:flex;list-style:none;margin:0;padding:0;gap:.5rem;flex:1;justify-content:center}.coordinator-navbar .nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:4px;transition:background .2s;text-decoration:none}.coordinator-navbar .nav-link:hover{background:#ffffff1a}.coordinator-navbar .nav-link.active{text-decoration:underline;text-underline-offset:4px}.coordinator-navbar .nav-signout{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;color:#f87171;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:4px;transition:background .2s}.coordinator-navbar .nav-signout:hover{background:#ffffff1a}.coordinator-main{flex:1;background:var(--color-bg-tertiary);padding:2rem}.coordinator-page{max-width:1200px;margin:0 auto}.coordinator-page .page-title{font-size:1.75rem;font-weight:700;color:var(--color-primary-dark);margin:0 0 .25rem}.coordinator-page .page-subtitle{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.95rem}.classroom-picker{position:relative}.classroom-picker-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.classroom-picker-btn:hover{background:#ffffff40}.classroom-picker-btn .chevron{transition:transform .2s}.classroom-picker-btn .chevron.open{transform:rotate(180deg)}.classroom-picker-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:100;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.classroom-picker-dropdown .dropdown-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;font-size:.9rem;color:var(--color-text-primary);cursor:pointer;transition:background .2s}.classroom-picker-dropdown .dropdown-item:hover{background:var(--color-bg-tertiary)}.classroom-picker-dropdown .dropdown-item.active{background:var(--color-primary-bg);color:var(--color-primary-dark);font-weight:600}.navbar-classroom{display:flex;align-items:center;gap:.5rem}.classroom-badge{background:#fff3;color:#fff;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-classroom-btn{display:flex;align-items:center;justify-content:center;padding:.35rem;background:#ffffff26;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .2s}.switch-classroom-btn:hover{background:#ffffff40}@media(max-width:768px){.coordinator-navbar{padding:0 1rem;gap:1rem}.coordinator-navbar .navbar-links{gap:.25rem}.coordinator-navbar .nav-link span,.coordinator-navbar .nav-signout span{display:none}.coordinator-main{padding:1rem}}.schedule-overrides-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;position:relative}.modal-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#1a1a2e}.modal-subtitle{color:#6b7280;font-size:.875rem;margin-top:.25rem}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1a1a2e}.modal-content{padding:1.5rem;overflow-y:auto;flex:1}.alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.add-override-form{background:#f8fafc;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.form-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.05em}.form-group input[type=date],.form-group input[type=text]{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.hours-input-wrapper{display:flex;align-items:center;gap:.5rem}.hours-input-wrapper input{width:80px;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;text-align:center}.hours-suffix{color:#6b7280;font-size:.875rem}.btn-add{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-add:disabled{opacity:.6;cursor:not-allowed}.overrides-list{margin-top:1rem}.list-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:1rem}.loading-text,.empty-text{text-align:center;color:#6b7280;font-size:.875rem;padding:2rem}.overrides-table{width:100%;border-collapse:collapse}.overrides-table th{text-align:left;padding:.75rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}.overrides-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;font-size:.875rem}.overrides-table tr:last-child td{border-bottom:none}.hours-badge{display:inline-block;padding:.25rem .5rem;background:#dbeafe;color:#1d4ed8;border-radius:4px;font-weight:500;font-size:.75rem}.hours-badge.zero{background:#fee2e2;color:#dc2626}.reason-cell{color:#6b7280;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#fecaca}@media(max-width:480px){.form-row{grid-template-columns:1fr}.schedule-overrides-modal{max-height:100vh;border-radius:0}.reason-cell{max-width:80px}}.status-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:9999px;white-space:nowrap}.status-badge.size-small{font-size:.7rem;padding:.2rem .5rem}.status-badge.size-medium{font-size:.8rem;padding:.25rem .75rem}.status-badge.size-large{font-size:.9rem;padding:.35rem 1rem}.status-badge.status-success,.status-badge.status-done,.status-badge.status-present{background-color:var(--color-success-bg, #dcfce7);color:var(--color-success-text, #166534)}.status-badge.status-warning,.status-badge.status-late{background-color:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e)}.status-badge.status-error,.status-badge.status-missing,.status-badge.status-absent{background-color:var(--color-error-bg, #fee2e2);color:var(--color-error-text, #991b1b)}.status-badge.status-info,.status-badge.status-assigned{background-color:var(--color-info-bg, #dbeafe);color:var(--color-info-text, #1e40af)}.status-badge.status-neutral{background-color:var(--color-neutral-bg, #f3f4f6);color:var(--color-neutral-text, #4b5563)}.status-badge.status-submitted{background-color:var(--color-primary-bg, #ede9fe);color:var(--color-primary-text, #6d28d9)}.status-badge.status-graded{background-color:var(--color-success-bg, #dcfce7);color:var(--color-success-text, #166534)}.status-badge.status-returned{background-color:var(--color-info-bg, #dbeafe);color:var(--color-info-text, #1e40af)}.stat-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background-color:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.75rem;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / .05));transition:box-shadow .15s ease}.stat-card:hover{box-shadow:var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / .1))}.stat-card-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background-color:var(--color-bg-icon, #f3f4f6);color:var(--color-text-secondary, #6b7280);flex-shrink:0}.stat-card-icon svg{width:1.25rem;height:1.25rem}.stat-card-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.stat-card-title{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;color:var(--color-text-secondary, #6b7280)}.stat-card-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #111827);line-height:1.2}.stat-card-trend{font-size:.75rem;font-weight:500}.stat-card-trend.trend-up{color:var(--color-success-text, #059669)}.stat-card-trend.trend-down{color:var(--color-error-text, #dc2626)}.stat-card-trend.trend-neutral{color:var(--color-text-secondary, #6b7280)}.stat-card.variant-primary .stat-card-icon{background-color:var(--color-primary-bg, #eff6ff);color:var(--color-primary, #2563eb)}.stat-card.variant-success .stat-card-icon{background-color:var(--color-success-bg, #dcfce7);color:var(--color-success-text, #059669)}.stat-card.variant-warning .stat-card-icon{background-color:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #d97706)}.stat-card.variant-error .stat-card-icon{background-color:var(--color-error-bg, #fee2e2);color:var(--color-error-text, #dc2626)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 0;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border, #484848)}.page-header-left{display:flex;align-items:center;gap:.75rem}.page-header-back{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background-color:transparent;border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s ease}.page-header-back:hover{background-color:var(--color-bg-hover, #f3f4f6);color:var(--color-text-primary, #111827)}.page-header-text{display:flex;flex-direction:column;gap:.25rem}.page-header-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0;line-height:1.2}.page-header-subtitle{font-size:.875rem;color:var(--color-text-secondary, #6b7280);margin:0}.page-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}@media(max-width:640px){.page-header{flex-direction:column;align-items:stretch;gap:1rem}.page-header-actions{justify-content:flex-end}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:modal-fade-in .15s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background:#fff;border-radius:var(--radius-lg, .75rem);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1));max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column;animation:modal-slide-in .2s ease}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:500px}.modal-large{width:100%;max-width:700px}.modal-close-btn{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md, .5rem);color:var(--color-text-tertiary, #9ca3af);cursor:pointer;transition:all var(--transition-fast, .15s ease);z-index:1}.modal-close-btn:hover{background-color:var(--color-bg-hover, #f3f4f6);color:var(--color-text-primary, #111827)}.modal-header{padding:1.25rem 3rem 1.25rem 1.5rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border, #e5e7eb);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background-color:var(--color-bg-secondary, #f9fafb)}@media(max-width:640px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:90vh;border-radius:var(--radius-lg, .75rem) var(--radius-lg, .75rem) 0 0}}.generate-code-card{background:#fff;border-radius:var(--radius-lg, 12px);padding:1.5rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.generate-code-card .card-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.generate-code-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.form-select{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm, 6px);font-size:.95rem;color:var(--color-text-primary);background:#fff;cursor:pointer}.generated-code-box{margin-top:1.25rem;padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-md, 8px)}.copy-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#fff;color:var(--color-primary-dark);border:1px solid var(--color-primary-dark);border-radius:var(--radius-xs, 4px);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s)}.code-inline{font-family:JetBrains Mono,Fira Code,monospace;font-weight:600;color:var(--color-primary-dark);letter-spacing:1px}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500}.status-badge.available{background:#dcfce7;color:#16a34a}.status-badge.used{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.error-message{color:var(--color-danger, #dc2626);font-size:.85rem;margin:1rem 0 0;padding:.5rem .75rem;background:#fef2f2;border-radius:var(--radius-sm, 6px);border-left:3px solid var(--color-danger, #dc2626)}.admin-layout{min-height:100vh;display:flex;flex-direction:column}.admin-navbar{background:var(--color-primary-dark);padding:0 2rem;display:flex;align-items:center;height:56px;gap:2rem}.admin-navbar .navbar-brand{display:flex;align-items:center;color:#fff;font-size:1.25rem;font-weight:700}.admin-navbar .brand-text{color:#fff}.admin-navbar .brand-marker{color:#f87171;font-size:1.25rem;margin:0 -2px}.admin-navbar .navbar-title{flex:1;text-align:center;color:#fff;font-size:1rem;font-weight:500;opacity:.9}.admin-navbar .nav-signout{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;color:#f87171;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:4px;transition:background .2s}.admin-navbar .nav-signout:hover{background:#ffffff1a}.admin-main{flex:1;background:var(--color-bg-tertiary);padding:2rem}.admin-page{max-width:1200px;margin:0 auto}.admin-page .page-title{font-size:1.75rem;font-weight:700;color:var(--color-primary-dark);margin:0 0 .25rem}.admin-page .page-subtitle{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.95rem}.admin-stats-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.admin-stat-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;flex:1}.stat-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-blue{background:#eff6ff;color:var(--color-primary-light)}.stat-icon-green{background:#f0fdf4;color:#22c55e}.stat-icon-amber{background:#fffbeb;color:#f59e0b}.stat-icon{font-size:1.5rem}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:1.75rem;font-weight:700;color:#111827;line-height:1.2}.stat-label{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}@media(max-width:768px){.admin-stats-row{flex-direction:column}}.admin-grid{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;align-items:start}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}.admin-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.admin-card .card-header{padding:1rem 1.5rem;color:#fff;display:flex;align-items:center;justify-content:center}.admin-card .card-header.blue{background:var(--color-primary-dark)}.admin-card .card-header h3{margin:0;font-size:1rem;font-weight:600}.admin-card .card-body{padding:1.5rem}.card-description{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 1.25rem;line-height:1.5}.card-header-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#111827;margin:0}.refresh-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--color-primary-dark);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.refresh-btn:hover{background:var(--color-primary-dark)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.form-select{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;color:var(--color-text-primary);background:#fff;cursor:pointer}.form-select:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #3b82f61a}.error-message{color:var(--color-danger, #dc2626);font-size:.85rem;margin:1rem 0 0;padding:.5rem .75rem;background:#fef2f2;border-radius:6px;border-left:3px solid var(--color-danger, #dc2626)}.generated-code-box{margin-top:1.25rem;padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.generated-code-box .code-label{display:block;font-size:.8rem;color:var(--color-primary-dark);font-weight:500;margin-bottom:.5rem}.code-row{display:flex;align-items:center;gap:.75rem}.code-text{flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.25rem;font-weight:700;color:var(--color-primary-dark);letter-spacing:2px;background:none}.copy-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#fff;color:var(--color-primary-dark);border:1px solid var(--color-primary-dark);border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--color-primary-dark);color:#fff}.table-card{display:flex;flex-direction:column}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--color-text-primary);color:#fff}.data-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:.875rem 1rem;border-bottom:1px solid var(--color-border);font-size:.9rem;color:var(--color-text-primary)}.data-table tbody tr:hover,.data-table tbody tr.row-used{background:var(--color-bg-secondary)}.data-table tbody tr.row-used td{opacity:.7}.code-inline{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;font-weight:600;color:var(--color-primary-dark);background:#eff6ff;padding:.2rem .5rem;border-radius:4px}.role-badge{display:inline-block;padding:.2rem .6rem;font-size:.75rem;font-weight:600;text-transform:capitalize;border-radius:4px}.role-badge.supervisor{background:#dbeafe;color:var(--color-primary-dark)}.role-badge.coordinator{background:#f3e8ff;color:#7c3aed}.status-badge{display:inline-block;padding:.2rem .6rem;font-size:.75rem;font-weight:600;border-radius:4px}.status-badge.used{background:#d1fae5;color:#059669}.status-badge.pending{background:#fef3c7;color:#d97706}.user-email{font-size:.85rem;color:var(--color-text-primary)}.no-data{color:var(--color-text-tertiary)}.date-cell{font-size:.85rem;color:var(--color-text-secondary);white-space:nowrap}.icon-btn{padding:.4rem;background:var(--color-bg-tertiary);border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .2s}.icon-btn:hover{background:var(--color-border);color:var(--color-primary-dark)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;color:var(--color-text-secondary);gap:.75rem}.loading-state span,.empty-state p{margin:0;font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:400px;position:relative;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-tertiary);border-radius:4px;transition:all .2s}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-icon{width:64px;height:64px;border-radius:50%;background:#d1fae5;color:#059669;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.75rem}.modal-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem}.modal-subtitle{color:var(--color-text-secondary);font-size:.95rem;margin:0 0 1.5rem}.modal-subtitle strong{color:var(--color-primary-dark);text-transform:capitalize}.modal-code-box{background:var(--color-text-primary);border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:1rem}.modal-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:1.75rem;font-weight:700;color:#10b981;letter-spacing:3px}.modal-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;background:var(--color-primary-dark);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.modal-copy-btn:hover{background:var(--color-primary-dark)}.modal-hint{color:var(--color-text-tertiary);font-size:.8rem;margin:1rem 0 0}