:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--huphi-navy-950:#071024;--huphi-navy-900:#0b1b3a;--huphi-blue-500:#1ea7ff;--huphi-teal-400:#2dd4bf;--huphi-amber-400:#ffb020;--huphi-white:#fff;--huphi-gray-25:#fcfcfd;--huphi-gray-50:#f8fafc;--huphi-gray-100:#f1f5f9;--huphi-gray-200:#e2e8f0;--huphi-gray-300:#cbd5e1;--huphi-gray-400:#94a3b8;--huphi-gray-500:#64748b;--huphi-gray-600:#475569;--huphi-gray-700:#334155;--huphi-gray-800:#1e293b;--huphi-gray-900:#0f172a;--huphi-success-50:#ecfdf5;--huphi-success-100:#d1fae5;--huphi-success-600:#059669;--huphi-success-700:#047857;--huphi-warning-50:#fffbeb;--huphi-warning-100:#fef3c7;--huphi-warning-700:#b45309;--huphi-warning-800:#92400e;--huphi-danger-50:#fef2f2;--huphi-danger-100:#fee2e2;--huphi-danger-600:#dc2626;--huphi-danger-700:#b91c1c;--huphi-info-50:#eff6ff;--huphi-info-100:#dbeafe;--huphi-info-700:#1d4ed8;--ink:var(--huphi-navy-950);--surface:var(--huphi-white);--surface-muted:var(--huphi-gray-50);--border:var(--huphi-gray-200);--accent:var(--huphi-blue-500);--success:var(--huphi-success-600);--warning:var(--huphi-warning-700);--danger:var(--huphi-danger-600);--font-sans:Arial,Helvetica,sans-serif;--font-mono:Consolas,"Courier New",monospace;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--control-height:38px;--control-height-compact:34px;--control-radius:8px;--button-radius:8px;--panel-radius:10px;--card-radius:10px;--radius:var(--card-radius);--page-max:1440px;--page-gutter:20px;--topbar-height:58px;--shadow-xs:0 1px 2px #0710240d;--shadow-sm:0 2px 8px #07102412;--shadow-focus:0 0 0 3px #1ea7ff2e;--transition-fast:.12s ease}*,:before,:after{box-sizing:border-box}html{background:var(--huphi-gray-50);-webkit-text-size-adjust:100%;min-height:100%}body{background:var(--huphi-gray-50);min-height:100%;color:var(--huphi-gray-900);font-family:var(--font-sans);font-size:var(--text-md);text-rendering:optimizeLegibility;margin:0;line-height:1.45}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%}::selection{background:var(--huphi-info-100);color:var(--huphi-navy-950)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{box-shadow:var(--shadow-focus);outline:none}[aria-disabled=true],button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.56}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{min-height:100vh}.topbar{z-index:50;align-items:center;gap:var(--space-5);min-height:var(--topbar-height);padding:8px var(--page-gutter);border-bottom:1px solid var(--huphi-gray-200);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;display:flex;position:sticky;top:0}.brand{color:var(--huphi-navy-950);font-size:var(--text-lg);letter-spacing:.15px;white-space:nowrap;flex:none;font-weight:800}.nav{scrollbar-width:thin;align-items:center;gap:4px;min-width:0;margin-left:auto;display:flex;overflow-x:auto}.nav a{min-height:34px;color:var(--huphi-gray-700);font-size:var(--text-sm);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);border:1px solid #0000;border-radius:7px;flex:none;justify-content:center;align-items:center;padding:7px 10px;font-weight:600;display:inline-flex}.nav a:hover{background:var(--huphi-gray-100);color:var(--huphi-navy-950)}.content{width:min(var(--page-max),calc(100% - (var(--page-gutter)*2)));margin:18px auto 32px}.nav-group{align-items:center;gap:4px;display:flex}.nav-group-label{color:var(--huphi-gray-500);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.page{width:min(var(--page-max),calc(100% - (var(--page-gutter)*2)));margin:18px auto 32px}.content>.page{width:100%;margin:0}.panel,.card,.hero{background:var(--huphi-white);border:1px solid var(--huphi-gray-200);border-radius:var(--panel-radius);box-shadow:var(--shadow-xs)}.panel,.card{padding:var(--space-4);margin-bottom:var(--space-4)}.panel+.panel,.card+.card{margin-top:var(--space-3)}.hero{gap:var(--space-3);padding:var(--space-5);display:grid}.hero h1{color:var(--huphi-navy-950);font-size:var(--text-3xl);margin:0;line-height:1.15}.hero p{max-width:900px;color:var(--huphi-gray-600);margin:0;line-height:1.55}.card h1,.card h2,.card h3,.panel h1,.panel h2,.panel h3{color:var(--huphi-navy-950)}.card h1,.panel h1{font-size:var(--text-2xl);margin:0 0 6px;line-height:1.2}.card h2,.panel h2{font-size:var(--text-xl);margin:0 0 8px;line-height:1.25}.card h3,.panel h3{font-size:var(--text-lg);margin:18px 0 8px;line-height:1.3}.card>p:first-of-type,.panel>p:first-of-type{margin-top:4px}.muted{color:var(--huphi-gray-500)}.cards{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.cards>.card{height:100%;margin:0}hr{height:1px;margin:var(--space-5)0;background:var(--huphi-gray-200);border:0}.context-row,.toolbar,.action-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.context-row{justify-content:space-between}.toolbar{margin-bottom:var(--space-3);justify-content:space-between}.action-row{justify-content:flex-start}.section-tabs{margin-top:var(--space-4);border-bottom:1px solid var(--huphi-gray-200);scrollbar-width:thin;align-items:center;gap:4px;padding-bottom:0;display:flex;overflow-x:auto}.section-tabs button{min-height:36px;color:var(--huphi-gray-600);font-size:var(--text-sm);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:7px 7px 0 0;flex:none;margin-bottom:-1px;padding:7px 11px;font-weight:600}.section-tabs button:hover{background:var(--huphi-gray-50);color:var(--huphi-navy-950)}.section-tabs button.active,.section-tabs button[aria-pressed=true]{border-bottom-color:var(--huphi-blue-500);background:var(--huphi-info-50);color:var(--huphi-navy-950);font-weight:700}.device-form,.form-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(220px,1fr));align-items:end;display:grid}.device-form>div,.form-grid>div,.device-form>label:not(.checkbox-row),.form-grid>label:not(.checkbox-row),.field{gap:6px;min-width:0;display:grid}label{color:var(--huphi-gray-700);font-size:var(--text-sm);font-weight:600}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:var(--control-height);border:1px solid var(--huphi-gray-300);border-radius:var(--control-radius);background:var(--huphi-white);color:var(--huphi-gray-900);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);padding:7px 10px}textarea{resize:vertical;min-height:90px}input:not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:var(--huphi-gray-400)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--huphi-blue-500);box-shadow:var(--shadow-focus);outline:none}input::placeholder,textarea::placeholder{color:var(--huphi-gray-400)}input[readonly],textarea[readonly]{background:var(--huphi-gray-50);color:var(--huphi-gray-600)}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--huphi-blue-500)}.checkbox-row{align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 2px;display:flex!important}.checkbox-row input{flex:none}.wide-field{grid-column:1/-1}.field-help,.help-text{color:var(--huphi-gray-500);font-size:var(--text-xs);font-weight:400}.field-error,.validation-text{color:var(--huphi-danger-700);font-size:var(--text-xs);font-weight:600}button,.button,.primary-button,.secondary-button,.danger-button,.warning-button,.utility-button{border:1px solid var(--huphi-gray-300);border-radius:var(--button-radius);background:var(--huphi-white);min-height:36px;color:var(--huphi-gray-700);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);padding:7px 11px;font-weight:600;line-height:1.1}button:hover:not(:disabled),.button:hover,.secondary-button:hover,.utility-button:hover{background:var(--huphi-gray-100);border-color:var(--huphi-gray-400);color:var(--huphi-navy-950)}button:active:not(:disabled),.button:active{transform:translateY(1px)}.primary-button,.button-primary{background:var(--huphi-blue-500);border-color:var(--huphi-blue-500);color:var(--huphi-white)}.primary-button:hover:not(:disabled),.button-primary:hover:not(:disabled){color:var(--huphi-white);background:#0b94e8;border-color:#0b94e8}.warning-button,.button-warning{background:var(--huphi-warning-50);color:var(--huphi-warning-800);border-color:#f59e0b}.danger-button,.button-danger{background:var(--huphi-danger-50);color:var(--huphi-danger-700);border-color:#fca5a5}.utility-button,.button-utility{background:var(--huphi-gray-50);min-height:34px;padding:6px 9px}.icon-button{place-items:center;width:34px;min-width:34px;height:34px;padding:0;display:inline-grid}.table-scroll{width:100%;margin-top:var(--space-3);border:1px solid var(--huphi-gray-200);border-radius:var(--card-radius);background:var(--huphi-white);overflow-x:auto}.table,table{border-collapse:collapse;border-spacing:0;background:var(--huphi-white);width:100%;font-size:var(--text-sm)}.panel>table,.card>table{margin-top:var(--space-3)}.table th,.table td,table th,table td{border-bottom:1px solid var(--huphi-gray-200);text-align:left;vertical-align:middle;padding:9px 10px}.table th,table th{background:var(--huphi-gray-50);color:var(--huphi-gray-700);font-size:var(--text-xs);letter-spacing:.015em;white-space:nowrap;font-weight:700;position:relative}.table td,table td{color:var(--huphi-gray-800)}.table tbody tr:hover,table tbody tr:hover{background:var(--huphi-gray-25)}.table tbody tr:last-child td,table tbody tr:last-child td{border-bottom:0}.table button,table button{min-height:32px;font-size:var(--text-xs);padding:5px 8px}.code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--huphi-gray-600)}.register-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.register-count{color:var(--huphi-gray-500);font-size:var(--text-xs);font-weight:600}.status{color:var(--huphi-gray-700);font-size:var(--text-sm);align-items:center;gap:7px;font-weight:700;display:inline-flex}.dot{background:var(--huphi-success-600);border-radius:999px;width:8px;height:8px}.status-badge,.badge{border:1px solid var(--huphi-gray-200);background:var(--huphi-gray-50);min-height:24px;color:var(--huphi-gray-700);font-size:var(--text-xs);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 8px;font-weight:700;display:inline-flex}.status-badge.success,.badge.success{border-color:var(--huphi-success-100);background:var(--huphi-success-50);color:var(--huphi-success-700)}.status-badge.warning,.badge.warning{border-color:var(--huphi-warning-100);background:var(--huphi-warning-50);color:var(--huphi-warning-800)}.status-badge.danger,.status-badge.error,.badge.danger,.badge.error{border-color:var(--huphi-danger-100);background:var(--huphi-danger-50);color:var(--huphi-danger-700)}.status-badge.info,.badge.info{border-color:var(--huphi-info-100);background:var(--huphi-info-50);color:var(--huphi-info-700)}.notice,.alert{margin:var(--space-3)0;border:1px solid var(--huphi-gray-200);border-radius:var(--control-radius);background:var(--huphi-gray-50);color:var(--huphi-gray-700);font-size:var(--text-sm);padding:10px 12px;line-height:1.45;display:block}.notice.success,.alert.success{border-color:var(--huphi-success-100);background:var(--huphi-success-50);color:var(--huphi-success-700)}.notice.warning,.alert.warning{border-color:var(--huphi-warning-100);background:var(--huphi-warning-50);color:var(--huphi-warning-800)}.notice.error,.alert.error{border-color:var(--huphi-danger-100);background:var(--huphi-danger-50);color:var(--huphi-danger-700)}.notice.info,.alert.info{border-color:var(--huphi-info-100);background:var(--huphi-info-50);color:var(--huphi-info-700)}.loading-state,.empty-state,.error-state,.permission-state{min-height:140px;padding:var(--space-5);border:1px dashed var(--huphi-gray-300);border-radius:var(--card-radius);background:var(--huphi-gray-25);color:var(--huphi-gray-600);text-align:center;place-items:center;display:grid}.spinner{border:3px solid var(--huphi-gray-200);border-top-color:var(--huphi-blue-500);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite huphi-spin}@keyframes huphi-spin{to{transform:rotate(360deg)}}.skeleton{background:var(--huphi-gray-100);border-radius:6px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1.4s infinite huphi-skeleton;position:absolute;inset:0;transform:translate(-100%)}@keyframes huphi-skeleton{to{transform:translate(100%)}}.kpi-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpi-card{min-width:0;padding:var(--space-4);border:1px solid var(--huphi-gray-200);border-radius:var(--card-radius);background:var(--huphi-white)}.kpi-label{color:var(--huphi-gray-500);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.035em;font-weight:700}.kpi-value{color:var(--huphi-navy-950);margin-top:4px;font-size:24px;font-weight:800;line-height:1.15}.pattern-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.pattern-day{border:1px solid var(--huphi-gray-200);border-radius:var(--control-radius);background:var(--huphi-gray-50);gap:7px;padding:10px;display:grid}.entry-state{padding:var(--space-4);border:2px solid var(--huphi-gray-300);border-radius:var(--panel-radius);text-align:center}.entry-state.allowed{border-color:var(--huphi-success-600);background:var(--huphi-success-50);color:var(--huphi-success-700)}.entry-state.review{border-color:var(--huphi-amber-400);background:var(--huphi-warning-50);color:var(--huphi-warning-800)}.entry-state.denied{border-color:var(--huphi-danger-600);background:var(--huphi-danger-50);color:var(--huphi-danger-700)}.self-service-card{width:min(720px,100%);padding:var(--space-5);border:1px solid var(--huphi-gray-200);border-radius:var(--panel-radius);background:var(--huphi-white);box-shadow:var(--shadow-sm);margin:0 auto}@media (max-width:980px){:root{--page-gutter:16px}.topbar{flex-direction:column;align-items:flex-start;gap:6px}.nav{width:100%;margin-left:0}}@media (max-width:760px){:root{--page-gutter:12px}.content,.page{margin-top:12px}.panel,.card,.hero{padding:var(--space-3)}.device-form,.form-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.section-tabs{gap:2px}.section-tabs button{min-height:38px}.context-row,.toolbar{flex-direction:column;align-items:stretch}.context-row>*,.toolbar>*{width:100%}.action-row button{flex:auto}.table th,.table td,table th,table td{padding:8px}}@media (max-width:480px){.brand{font-size:15px}.hero h1{font-size:24px}.card h1,.panel h1{font-size:20px}.cards,.kpi-grid{grid-template-columns:1fr}}@media print{body{background:var(--huphi-white)}.topbar,.nav,button,.action-row,.section-tabs{display:none!important}.content,.page{width:100%;margin:0}.panel,.card,.hero,.table-scroll{box-shadow:none;border-color:#cbd5e1}.table-scroll{overflow:visible}table{font-size:11px}}.shell-back-button{border:1px solid var(--huphi-gray-300);background:var(--huphi-white);min-height:34px;color:var(--huphi-gray-700);white-space:nowrap;border-radius:7px;flex:none;padding:6px 10px;font-weight:700}.shell-back-button:hover{background:var(--huphi-gray-100);color:var(--huphi-navy-950)}.nav a.active,.nav a[aria-current=page]{background:var(--huphi-info-50);border-color:var(--huphi-blue-500);color:var(--huphi-navy-950);box-shadow:inset 0 -2px 0 var(--huphi-blue-500);font-weight:800}.plan-admin-section{scroll-margin-top:calc(var(--topbar-height) + 16px)}.subscription-price{color:var(--huphi-navy-950);font-size:var(--text-lg);margin:8px 0 12px;font-weight:800}@media (max-width:760px){.topbar{gap:8px;padding-inline:10px}.brand{font-size:var(--text-md)}.shell-back-button{padding-inline:8px}}.auth-page{background:radial-gradient(circle at 15% 15%,#1ea7ff1a,transparent 34%),radial-gradient(circle at 85% 85%,#2dd4bf14,transparent 32%),var(--huphi-gray-50);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--huphi-gray-200);background:var(--huphi-white);border-radius:16px;width:min(460px,100%);padding:28px;box-shadow:0 18px 48px #0710241a}.auth-card h1{color:var(--huphi-navy-950);margin:12px 0 6px;font-size:28px}.auth-brand-mark{background:var(--huphi-navy-900);color:#fff;border-radius:12px;place-items:center;width:46px;height:46px;font-size:24px;font-weight:900;display:grid}.auth-form{gap:14px;margin-top:20px;display:grid}.auth-form label{gap:6px;display:grid}.auth-name-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;display:flex}.auth-links a{color:var(--huphi-info-700);font-weight:700}.auth-note{color:var(--huphi-gray-500);font-size:var(--text-xs);margin:18px 0 0}.auth-continue{justify-content:center;align-items:center;margin-top:14px;display:inline-flex}.auth-status{flex:none;align-items:center;gap:8px;display:flex}.auth-status-email{text-overflow:ellipsis;white-space:nowrap;max-width:190px;color:var(--huphi-gray-600);font-size:var(--text-xs);overflow:hidden}@media (max-width:700px){.auth-name-grid{grid-template-columns:1fr}.auth-status-email{display:none}}.activation-panel{margin:var(--space-4)0;padding:var(--space-4);border:1px solid var(--huphi-info-100);border-radius:var(--card-radius);background:var(--huphi-info-50);box-shadow:var(--shadow-xs);position:relative}.activation-panel-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding-right:36px;display:flex}.activation-panel-heading h2{margin-bottom:4px}.activation-panel-heading p{margin:0}.activation-panel-close{min-width:32px;min-height:32px;color:var(--huphi-gray-600);background:0 0;border:0;padding:2px 8px;font-size:22px;line-height:1;position:absolute;top:10px;right:10px}.activation-panel-close:hover{background:var(--huphi-white);color:var(--huphi-navy-950)}.activation-code-value{margin:var(--space-3)0;border:1px solid var(--huphi-gray-300);border-radius:var(--control-radius);background:var(--huphi-white);color:var(--huphi-navy-950);font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.06em;-webkit-user-select:all;user-select:all;padding:12px 16px;font-weight:800;display:inline-block}.activation-copy-confirmation{margin-top:var(--space-2);color:var(--huphi-success-700);font-size:var(--text-sm);font-weight:700}.activation-warning{margin:var(--space-3)0 0;color:var(--huphi-warning-800);font-size:var(--text-xs);font-weight:600}:root,html[data-attendance-theme=electric]{--ha-header-1:#05080d;--ha-header-2:#0a0f17;--ha-header-border:#ffffff1a;--ha-header-text:#fff;--ha-header-muted:#ffffffad;--ha-header-control:#ffffff0e;--ha-header-control-hover:#ffffff1a;--ha-header-control-border:#ffffff26;--ha-accent:#146cff;--ha-accent-strong:#0057ff;--ha-accent-soft:#146cff29;--ha-accent-border:#146cff73;--ha-page-bg:#f7f9fc;--ha-surface:#fff;--ha-text:#0c1528;--ha-muted:#657089;--ha-border:#e2e7ef}html[data-attendance-theme=charcoal]{--ha-header-1:#17212b;--ha-header-2:#101922;--ha-header-border:#ffffff1a;--ha-header-text:#fff;--ha-header-muted:#ffffffad;--ha-header-control:#ffffff0e;--ha-header-control-hover:#ffffff1a;--ha-header-control-border:#ffffff24;--ha-accent:#4c92e8;--ha-accent-strong:#347fd9;--ha-accent-soft:#4c92e826;--ha-accent-border:#4c92e86b;--ha-page-bg:#f7f9fb;--ha-surface:#fff;--ha-text:#172234;--ha-muted:#667386;--ha-border:#e2e8ef}html[data-attendance-theme=gold]{--ha-header-1:#031a35;--ha-header-2:#062344;--ha-header-border:#ffffff1a;--ha-header-text:#fff;--ha-header-muted:#ffffffb3;--ha-header-control:#ffffff0e;--ha-header-control-hover:#ffffff1a;--ha-header-control-border:#ffffff26;--ha-accent:#e59a00;--ha-accent-strong:#cc8400;--ha-accent-soft:#e59a0024;--ha-accent-border:#e59a0075;--ha-page-bg:#faf9f6;--ha-surface:#fff;--ha-text:#10213c;--ha-muted:#6d7583;--ha-border:#e8e4da}html[data-attendance-theme=purple]{--ha-header-1:#172130;--ha-header-2:#101926;--ha-header-border:#ffffff1a;--ha-header-text:#fff;--ha-header-muted:#ffffffad;--ha-header-control:#ffffff0e;--ha-header-control-hover:#ffffff1a;--ha-header-control-border:#ffffff24;--ha-accent:#7b3ff2;--ha-accent-strong:#6725df;--ha-accent-soft:#7b3ff224;--ha-accent-border:#7b3ff26b;--ha-page-bg:#faf9fc;--ha-surface:#fff;--ha-text:#171a2b;--ha-muted:#6d6c7d;--ha-border:#e8e4ef}html[data-attendance-theme=light]{--ha-header-1:#fff;--ha-header-2:#06274d;--ha-header-border:#dde5ef;--ha-header-text:#10213c;--ha-header-muted:#60708a;--ha-header-control:#f7f9fc;--ha-header-control-hover:#eef3f9;--ha-header-control-border:#dce4ee;--ha-accent:#146cff;--ha-accent-strong:#0057e8;--ha-accent-soft:#146cff1f;--ha-accent-border:#146cff61;--ha-page-bg:#fbfcfe;--ha-surface:#fff;--ha-text:#0e2343;--ha-muted:#67758b;--ha-border:#e2e8f0}html{background:var(--ha-page-bg)}body{background:var(--ha-page-bg);color:var(--ha-text)}.topbar{z-index:80;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;min-height:0;padding:0;display:block;position:sticky;top:0;box-shadow:0 8px 24px #07102421}.topbar-primary{background:linear-gradient(105deg,var(--ha-header-1),var(--ha-header-2));border-bottom:1px solid var(--ha-header-border)}html[data-attendance-theme=light] .topbar-primary{background:var(--ha-header-1)}.topbar-primary-inner,.topbar-secondary-inner{width:min(var(--page-max),calc(100% - (var(--page-gutter)*2)));margin:0 auto}.topbar-primary-inner{grid-template-columns:auto minmax(260px,560px) auto;align-items:center;gap:24px;min-height:66px;display:grid}.topbar-brand-zone{align-items:center;gap:10px;min-width:0;display:flex}.brand{color:var(--ha-header-text);align-items:center;gap:10px;font-size:16px;font-weight:850;display:inline-flex}.brand:hover{color:var(--ha-header-text)}.brand-mark{background:linear-gradient(145deg,var(--ha-accent),var(--ha-accent-strong));color:#fff;width:36px;height:36px;box-shadow:0 7px 18px color-mix(in srgb,var(--ha-accent)28%,transparent);border-radius:9px;flex:none;place-items:center;font-size:20px;font-weight:950;display:grid}.brand-name{white-space:nowrap}.header-icon-button,.shell-back-button{border:1px solid var(--ha-header-control-border);background:var(--ha-header-control);width:36px;min-width:36px;min-height:36px;color:var(--ha-header-muted);box-shadow:none;border-radius:9px;place-items:center;padding:0;font-size:16px;font-weight:800;display:grid}.header-icon-button:hover,.shell-back-button:hover{border-color:var(--ha-accent-border);background:var(--ha-header-control-hover);color:var(--ha-header-text)}.enterprise-search{border:1px solid var(--ha-header-control-border);background:var(--ha-header-control);min-width:0;height:40px;color:var(--ha-header-muted);border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:0 10px 0 12px;display:grid}.enterprise-search:focus-within{border-color:var(--ha-accent-border);box-shadow:0 0 0 3px var(--ha-accent-soft)}.enterprise-search input{height:auto;min-height:0;color:var(--ha-header-text);border-radius:0;outline:none;padding:0;box-shadow:none!important;background:0 0!important;border:0!important}.enterprise-search input::placeholder{color:var(--ha-header-muted)}.enterprise-search kbd{border:1px solid var(--ha-header-control-border);background:var(--ha-header-control);color:var(--ha-header-muted);font-family:var(--font-sans);border-radius:6px;padding:4px 6px;font-size:10px;font-weight:800}.topbar-utilities{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.auth-status{border:1px solid var(--ha-header-control-border);background:var(--ha-header-control);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;max-width:205px;min-height:42px;padding:5px 8px 5px 6px;display:grid}.auth-avatar{background:var(--ha-accent);color:#fff;border-radius:999px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:900;display:grid}.auth-status-copy{gap:2px;min-width:0;line-height:1.05;display:grid}.auth-status-copy strong,.auth-status-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-status-copy strong{color:var(--ha-header-text);font-size:10.5px;font-weight:800}.auth-status-copy small{color:var(--ha-header-muted);font-size:8.5px;font-weight:700}.auth-caret{color:var(--ha-header-muted);font-size:10px}.theme-picker{flex:none;position:relative}.theme-picker>summary{border:1px solid var(--ha-header-control-border);background:var(--ha-header-control);min-height:38px;color:var(--ha-header-text);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:6px 9px;font-size:10.5px;font-weight:750;list-style:none;display:inline-flex}.theme-picker>summary::-webkit-details-marker{display:none}.theme-picker>summary:hover{border-color:var(--ha-accent-border);background:var(--ha-header-control-hover)}.theme-swatch{background:var(--ha-accent);width:11px;height:11px;box-shadow:0 0 0 3px var(--ha-accent-soft);border-radius:999px}.theme-menu{z-index:150;border:1px solid var(--ha-border);background:var(--ha-surface);border-radius:13px;width:310px;padding:8px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 20px 50px #07102433}.theme-menu-heading{gap:2px;padding:7px 8px 9px;display:grid}.theme-menu-heading strong{color:var(--ha-text);font-size:12px}.theme-menu-heading small{color:var(--ha-muted);font-size:9px}.theme-option{width:100%;min-height:52px;color:var(--ha-text);text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:7px 8px;display:grid}.theme-option:hover,.theme-option.active{background:var(--ha-accent-soft)}.theme-option>span:nth-child(2){gap:2px;display:grid}.theme-option strong{color:var(--ha-text);font-size:10.5px}.theme-option small{color:var(--ha-muted);font-size:8.5px}.theme-check{color:var(--ha-accent);font-size:13px;font-weight:900}.theme-preview{border:1px solid var(--ha-border);border-radius:6px;grid-template-rows:10px 1fr;width:34px;height:27px;display:grid;overflow:hidden}.theme-preview i,.theme-preview b{display:block}.theme-preview-electric i{background:#05080d}.theme-preview-electric b{background:linear-gradient(90deg,#146cff 28%,#fff 28%)}.theme-preview-charcoal i{background:#17212b}.theme-preview-charcoal b{background:linear-gradient(90deg,#4c92e8 28%,#fff 28%)}.theme-preview-gold i{background:#031a35}.theme-preview-gold b{background:linear-gradient(90deg,#e59a00 28%,#fff 28%)}.theme-preview-purple i{background:#172130}.theme-preview-purple b{background:linear-gradient(90deg,#7b3ff2 28%,#fff 28%)}.theme-preview-light i{background:#fff}.theme-preview-light b{background:linear-gradient(90deg,#146cff 28%,#f8fafc 28%)}.account-signout{border:1px solid var(--ha-header-control-border);background:var(--ha-header-control);min-height:38px;color:var(--ha-header-text);border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:10.5px;font-weight:750;display:inline-flex}.account-signout:hover:not(:disabled){border-color:var(--ha-accent-border);background:var(--ha-header-control-hover);color:var(--ha-header-text)}.topbar-secondary{background:var(--ha-header-2)}html[data-attendance-theme=light] .topbar-secondary{background:#06274d}.topbar-secondary-inner{align-items:center;min-height:52px;display:flex}.nav{scrollbar-width:none;align-items:center;gap:3px;width:100%;margin:0;display:flex;overflow:auto visible}.nav::-webkit-scrollbar{display:none}.nav-direct,.nav-menu>summary{color:#ffffffc7;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;align-items:center;gap:5px;min-height:39px;padding:7px 10px;font-size:11px;font-weight:700;line-height:1;list-style:none;display:inline-flex}.nav-menu>summary::-webkit-details-marker{display:none}.nav-direct:hover,.nav-menu>summary:hover{color:#fff;background:#ffffff12}.nav-direct.active,.nav-menu.active>summary{border-color:var(--ha-accent-border);background:var(--ha-accent-soft);color:#fff;box-shadow:inset 0 -2px 0 var(--ha-accent)}.nav-menu{flex:none;position:relative}.nav-chevron{color:#ffffff75;font-size:9px}.nav-dropdown{z-index:140;border:1px solid var(--ha-border);background:var(--ha-surface);border-radius:11px;min-width:230px;padding:7px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 42px #07102430}.nav-dropdown-title{color:var(--ha-muted);letter-spacing:.08em;text-transform:uppercase;padding:6px 8px 8px;font-size:9px;font-weight:850}.nav-dropdown a{min-height:35px;color:var(--ha-text);border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px;font-size:11px;font-weight:650;display:flex}.nav-dropdown a:hover{background:var(--ha-accent-soft)}.nav-dropdown a.active,.nav-dropdown a[aria-current=page]{background:var(--ha-accent-soft);color:var(--ha-text);box-shadow:inset 3px 0 0 var(--ha-accent);font-weight:800}.nav-current-dot{background:var(--ha-accent);border-radius:999px;width:6px;height:6px}.panel,.card,.hero,.kpi-card,.table-scroll,.self-service-card{border-color:var(--ha-border);background:var(--ha-surface)}.hero h1,.card h1,.card h2,.card h3,.panel h1,.panel h2,.panel h3,.kpi-value{color:var(--ha-text)}.muted,.card p,.panel p{color:var(--ha-muted)}.primary-button,.button-primary{border-color:var(--ha-accent);background:var(--ha-accent)}.primary-button:hover:not(:disabled),.button-primary:hover:not(:disabled){border-color:var(--ha-accent-strong);background:var(--ha-accent-strong)}.section-tabs button.active,.section-tabs button[aria-pressed=true]{border-bottom-color:var(--ha-accent);background:var(--ha-accent-soft);color:var(--ha-text)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--ha-accent);box-shadow:0 0 0 3px var(--ha-accent-soft)}@media (max-width:1180px){.topbar-primary-inner{grid-template-columns:auto 1fr;gap:10px 14px;padding:8px 0}.enterprise-search{grid-area:2/1/auto/-1}.topbar-utilities{justify-self:end}}@media (max-width:820px){.topbar-primary-inner,.topbar-secondary-inner{width:calc(100% - 20px)}.brand-name,.auth-status-copy,.auth-caret,.theme-picker-label{display:none}.auth-status{place-items:center;width:38px;padding:3px;display:grid}.theme-picker>summary{justify-content:center;width:38px;padding-inline:0}.account-signout span:last-child{display:none}.account-signout{justify-content:center;width:38px;padding-inline:0}.theme-menu{width:auto;position:fixed;top:70px;left:10px;right:10px}}@media (max-width:600px){.topbar-primary-inner{grid-template-columns:1fr auto}.topbar-brand-zone{gap:6px}.topbar-utilities{gap:4px}.topbar-utilities>.header-icon-button:nth-of-type(2),.topbar-utilities>.header-icon-button:nth-of-type(3){display:none}.enterprise-search{height:38px}.nav-direct,.nav-menu>summary{min-height:38px;padding:7px 9px}}@media print{.topbar{display:none!important}}.nav-menu-trigger{color:#ffffffc7;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;align-items:center;gap:5px;min-height:39px;padding:7px 10px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.nav-menu-trigger:hover{color:#fff;background:#ffffff12}.nav-menu.active>.nav-menu-trigger{border-color:var(--ha-accent-border);background:var(--ha-accent-soft);color:#fff;box-shadow:inset 0 -2px 0 var(--ha-accent)}.nav-chevron.open{transform:rotate(180deg)}.theme-picker-trigger{border:1px solid var(--ha-header-control-border);background:var(--ha-header-control);min-height:38px;color:var(--ha-header-text);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:6px 9px;font-size:10.5px;font-weight:750;display:inline-flex}.theme-picker-trigger:hover{border-color:var(--ha-accent-border);background:var(--ha-header-control-hover)}html[data-attendance-theme=light] .topbar-secondary{border-top:1px solid #eef2f7;border-bottom:1px solid var(--ha-header-border);background:#fff}html[data-attendance-theme=light] .nav-direct,html[data-attendance-theme=light] .nav-menu-trigger{color:#233653}html[data-attendance-theme=light] .nav-direct:hover,html[data-attendance-theme=light] .nav-menu-trigger:hover{color:#0e2343;background:#f1f5fb}html[data-attendance-theme=light] .nav-direct.active,html[data-attendance-theme=light] .nav-menu.active>.nav-menu-trigger{border-color:var(--ha-accent-border);background:var(--ha-accent-soft);color:#0e2343;box-shadow:inset 0 -2px 0 var(--ha-accent)}html[data-attendance-theme=light] .nav-chevron{color:#718096}.nav-menu{position:relative;overflow:visible}.nav-dropdown{pointer-events:auto}@media (max-width:820px){.theme-picker-trigger{justify-content:center;width:38px;padding-inline:0}}.global-search-control,.notification-control,.help-control,.app-launcher-control{position:relative}.enterprise-popover{z-index:180;border:1px solid var(--ha-border);background:var(--ha-surface);color:var(--ha-text);border-radius:13px;position:absolute;top:calc(100% + 9px);overflow:hidden;box-shadow:0 22px 56px #07102438}.search-popover{min-width:420px;left:0;right:0}.notification-popover{width:380px;right:0}.help-popover{width:320px;right:0}.app-launcher-popover{width:430px;right:0}.popover-heading{border-bottom:1px solid var(--ha-border);background:color-mix(in srgb,var(--ha-accent)4%,var(--ha-surface));gap:3px;padding:13px 14px 11px;display:grid}.popover-heading strong{color:var(--ha-text);font-size:12px;font-weight:850}.popover-heading small{color:var(--ha-muted);font-size:9.5px}.popover-heading-row{grid-template-columns:1fr auto;align-items:center}.popover-heading-row>span{gap:3px;display:grid}.popover-refresh{border:1px solid var(--ha-border);background:var(--ha-surface);min-height:30px;color:var(--ha-muted);border-radius:7px;padding:5px 8px;font-size:9.5px;font-weight:750}.popover-refresh:hover:not(:disabled){border-color:var(--ha-accent-border);background:var(--ha-accent-soft);color:var(--ha-text)}.utility-empty-state{color:var(--ha-muted);text-align:center;padding:22px 16px;font-size:11px;line-height:1.45}.search-results{max-height:430px;padding:6px;overflow-y:auto}.search-result{width:100%;min-height:52px;color:var(--ha-text);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;display:grid}.search-result:hover{background:var(--ha-accent-soft)}.result-type{background:var(--ha-accent-soft);min-height:25px;color:var(--ha-accent-strong);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:3px 7px;font-size:8.5px;font-weight:850;display:inline-flex}.result-copy{gap:3px;min-width:0;display:grid}.result-copy strong,.result-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-copy strong{color:var(--ha-text);font-size:11px}.result-copy small{color:var(--ha-muted);font-size:9px}.notification-button{position:relative}.notification-badge{border:2px solid var(--ha-header-1);background:var(--ha-accent);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;font-weight:900;display:grid;position:absolute;top:-5px;right:-6px}html[data-attendance-theme=light] .notification-badge{border-color:#fff}.notification-list{max-height:430px;padding:5px;overflow-y:auto}.notification-item{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:9px;width:100%;min-height:68px;padding:9px;display:grid}.notification-item:hover{background:var(--ha-accent-soft)}.notification-item.unread{background:color-mix(in srgb,var(--ha-accent)7%,var(--ha-surface))}.notification-state{background:var(--ha-border);border-radius:999px;width:7px;height:7px;margin-top:5px}.notification-item.unread .notification-state{background:var(--ha-accent);box-shadow:0 0 0 3px var(--ha-accent-soft)}.notification-copy{gap:3px;min-width:0;display:grid}.notification-copy strong{color:var(--ha-text);font-size:10.5px}.notification-copy small{color:var(--ha-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.35;display:-webkit-box;overflow:hidden}.notification-copy em{color:var(--ha-muted);font-size:8px;font-style:normal}.help-quick-links{gap:2px;padding:6px;display:grid}.help-quick-links a{min-height:38px;color:var(--ha-text);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;font-size:10.5px;font-weight:700;display:flex}.help-quick-links a:hover{background:var(--ha-accent-soft);color:var(--ha-accent-strong)}.help-current-page{border-top:1px solid var(--ha-border);color:var(--ha-muted);padding:9px 13px;font-size:8.5px}.help-current-page strong{color:var(--ha-text)}.app-launcher-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:470px;padding:7px;display:grid;overflow-y:auto}.launcher-item{border:1px solid #0000;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:58px;padding:8px;display:grid}.launcher-item:hover{border-color:var(--ha-accent-border);background:var(--ha-accent-soft)}.launcher-icon{background:var(--ha-accent-soft);width:34px;height:34px;color:var(--ha-accent-strong);border-radius:9px;place-items:center;font-size:12px;font-weight:900;display:grid}.launcher-item>span:last-child{gap:3px;min-width:0;display:grid}.launcher-item strong,.launcher-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.launcher-item strong{color:var(--ha-text);font-size:10.5px}.launcher-item small{color:var(--ha-muted);font-size:8.5px}.help-centre-page{gap:var(--space-4);display:grid}.help-centre-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.help-topic-card{margin:0}.help-topic-card ul{color:var(--ha-muted);margin:10px 0 0;padding-left:20px}.help-topic-card li+li{margin-top:7px}.help-action-link{justify-content:center;align-items:center;display:inline-flex}@media (max-width:1180px){.search-popover{min-width:0}.app-launcher-popover{right:-130px}}@media (max-width:820px){.enterprise-popover,.search-popover,.notification-popover,.help-popover,.app-launcher-popover{width:auto;min-width:0;max-height:calc(100vh - 90px);position:fixed;top:72px;left:10px;right:10px}.help-centre-grid{grid-template-columns:1fr}}@media (max-width:520px){.app-launcher-grid{grid-template-columns:1fr}.search-result{grid-template-columns:58px minmax(0,1fr) auto}}.topbar,.topbar-secondary,.topbar-secondary-inner{overflow:visible!important}.nav{position:relative;overflow:visible!important}.nav-menu{z-index:2;position:relative;overflow:visible!important}.nav-menu:has(.nav-dropdown){z-index:190}.nav-dropdown{z-index:250!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:block!important}@media (max-width:1180px){.topbar-secondary-inner{padding:6px 0}.nav{flex-wrap:wrap;align-items:center;row-gap:3px;overflow:visible!important}}@media (max-width:820px){.nav{flex-wrap:wrap;overflow:visible!important}.nav-menu{position:static}.nav-dropdown{max-height:calc(100vh - 145px);position:fixed;top:126px;left:10px;right:10px;overflow-y:auto!important}}.topbar-primary-inner,.topbar-secondary-inner{width:100%!important;max-width:none!important;margin:0!important;padding-left:18px!important;padding-right:18px!important}.content{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:18px!important;padding-right:18px!important}.page,.page-shell,.main-content,.dashboard-page,main{max-width:none!important}.content>*,.page>*,main>*{max-width:none}.topbar-brand-zone{gap:10px}.nav-direct,.nav-menu-trigger,.theme-picker-trigger,.account-signout,.header-icon-button,.auth-status-copy strong,.popover-refresh{font-size:11px!important;line-height:1.2!important}.nav-direct,.nav-menu-trigger,.theme-picker-trigger,.account-signout{font-weight:700!important}.auth-status-copy small{font-size:9px!important;line-height:1.2!important}.enterprise-search input,.enterprise-search input::placeholder,.nav-dropdown a,.search-result,.help-quick-links a,.launcher-item strong,.notification-copy strong{font-size:11px!important}.nav-dropdown-title,.launcher-item small,.notification-copy small,.result-copy small{font-size:9px!important}.nav-chevron,.theme-chevron,.auth-caret{color:currentColor;opacity:.68;flex:none;width:13px;height:13px;transition:transform .16s,opacity .16s}.nav-chevron.open,.theme-chevron.open{opacity:1;transform:rotate(180deg)}.nav-menu-trigger:hover .nav-chevron,.theme-picker-trigger:hover .theme-chevron,.auth-status:hover .auth-caret{opacity:1}.nav-menu[open] .nav-chevron{transform:none}.topbar-primary,.topbar-secondary{width:100%}.topbar-primary-inner{min-height:66px}.topbar-secondary-inner{min-height:50px}.nav{width:100%}.table-scroll,.card,.panel,.hero,.help-centre-grid,.help-contact-card{max-width:none!important}@media (max-width:820px){.topbar-primary-inner,.topbar-secondary-inner,.content{width:100%!important;padding-left:10px!important;padding-right:10px!important}}@media (max-width:520px){.topbar-primary-inner,.topbar-secondary-inner,.content{padding-left:8px!important;padding-right:8px!important}}.enterprise-register-actions{gap:8px;min-width:0;display:grid}.enterprise-register-actions-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.enterprise-register-actions.compact .enterprise-register-actions-row>button{min-height:32px;font-size:var(--text-xs);padding:6px 10px}.enterprise-action-confirmation{border:1px solid var(--huphi-gray-300);border-radius:var(--button-radius);background:var(--surface,#fff);gap:10px;min-width:min(360px,80vw);max-width:520px;padding:12px;display:grid;box-shadow:0 8px 24px #0f172a1f}.enterprise-action-confirmation p{color:var(--huphi-gray-600);margin:4px 0 0}.enterprise-action-confirmation-buttons{flex-wrap:wrap;gap:8px;display:flex}.enterprise-edit-panel{border:1px solid var(--huphi-gray-300);background:var(--surface,#fff);border-radius:10px;gap:14px;padding:16px;display:grid;position:relative}.enterprise-edit-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.enterprise-edit-panel-header h3,.enterprise-edit-panel-header p{margin-top:0}.enterprise-edit-close{flex:none}.enterprise-edit-actions{margin-top:14px}@media (max-width:720px){.enterprise-register-actions-row,.enterprise-action-confirmation-buttons{align-items:stretch}.enterprise-register-actions-row>button,.enterprise-action-confirmation-buttons>button{flex:auto}.enterprise-action-confirmation{width:100%;min-width:0}}.privacy-policy-page{max-width:1040px;margin-inline:auto}.privacy-policy-hero{margin-bottom:16px}.privacy-policy-hero .muted{font-size:var(--text-sm);margin-top:12px}.privacy-policy-intro,.privacy-policy-section{margin-top:14px}.privacy-policy-section h2{margin-bottom:10px}.privacy-policy-section h3{color:var(--huphi-gray-800);font-size:var(--text-lg);margin:22px 0 8px}.privacy-policy-section p,.privacy-policy-section li{color:var(--huphi-gray-700);line-height:1.7}.privacy-policy-section ul{margin:10px 0 16px;padding-left:22px}.privacy-policy-section li+li{margin-top:5px}.privacy-policy-section a:not(.primary-button):not(.secondary-button){color:var(--huphi-info-700);text-underline-offset:2px;text-decoration:underline}.privacy-policy-contact{margin-bottom:14px}.privacy-policy-actions{margin-top:18px}.privacy-policy-note{margin-top:14px}@media (max-width:640px){.privacy-policy-section{padding:18px}.privacy-policy-section h3{margin-top:18px}}