@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.10ev4cu2inrn-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.0i6ci0u~g4zml.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.0x1a9yg0jkq20.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.0dyk20wuvya7a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.0ctuso5mgh_i..woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.0kho-wj7-y-w1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_6b5bbc5d-module__0jXPga__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_6b5bbc5d-module__0jXPga__variable{--font-body:"Manrope", "Manrope Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_888f7240-module__bc_Mda__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_888f7240-module__bc_Mda__variable{--font-display:"Space Grotesk", "Space Grotesk Fallback"}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.inline{display:inline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--p:#6c5ce7;--p2:#5140cc;--soft:#efedff;--ink:#1d1e28;--muted:#777b8b;--line:#e8e9f0;--bg:#f6f7fb;--green:#10a970;--red:#e45862;--orange:#f09a42;--blue:#4385e2;--shadow:0 8px 26px #26214e0f}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--font-body), "Avenir Next", Arial, sans-serif;margin:0}button,input,select,textarea{font:inherit}button,a{transition:all .16s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}svg{width:20px;height:20px}.product-shell>aside{z-index:30;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:250px;display:flex;position:fixed;inset:0 auto 0 0}.product-brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:78px;padding:0 22px;display:flex}.product-brand>b,.brand-logo{color:#fff;background:linear-gradient(145deg,#8170ef,#513fcb);border-radius:13px;place-items:center;width:40px;height:40px;font-size:22px;font-weight:800;display:grid;box-shadow:0 8px 18px #6c5ce72d}.product-brand span{flex-direction:column;display:flex}.product-brand strong{letter-spacing:.14em;font-size:14px}.product-brand small{letter-spacing:.2em;color:var(--muted);font-size:7px}.product-shell aside nav{flex:1;padding:16px 11px;overflow-y:auto}.product-shell aside nav button{color:#747786;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;height:43px;margin-bottom:4px;padding:0 13px;font-size:11px;display:flex}.product-shell aside nav button:hover{color:var(--p);background:#f8f7ff}.product-shell aside nav button.active{background:var(--soft);color:var(--p);font-weight:700}.side-user{border-top:1px solid var(--line);align-items:center;gap:9px;padding:14px;display:flex}.side-user>div{flex-direction:column;flex:1;min-width:0;display:flex}.side-user strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.side-user a{color:#8a8d99;padding:6px}.user-avatar{color:#5846ce;background:#e9e5ff;border-radius:11px;place-items:center;width:36px;min-width:36px;height:36px;font-size:10px;font-weight:800;display:grid}.user-avatar.small{width:31px;min-width:31px;height:31px}.user-avatar.large{border-radius:17px;width:56px;height:56px;font-size:15px}.user-avatar.xlarge{border-radius:24px;width:82px;height:82px;font-size:22px}.product-shell>main{min-height:100vh;margin-left:250px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#ffffffea;align-items:center;gap:12px;height:78px;padding:0 36px;display:flex;position:sticky;top:0}.topbar>div{flex-direction:column;display:flex}.topbar small{letter-spacing:.12em;color:var(--muted);font-size:7px}.topbar strong{margin-top:3px;font-size:13px}.topbar .refresh{margin-left:auto}.live-sync{color:#207552;letter-spacing:.08em;background:#e7f8f0;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:6px 9px;font-size:7px;font-weight:800;display:inline-flex}.live-sync i{background:#2eaf78;border-radius:50%;width:7px;height:7px;animation:1.8s infinite live-pulse;box-shadow:0 0 0 4px #2eaf7820}.live-sync+.refresh{margin-left:0}@keyframes live-pulse{50%{opacity:.45}}.refresh,.mobile-menu{border:1px solid var(--line);color:#777b88;background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.mobile-menu{display:none}.product-content{max-width:1480px;margin:auto;padding:30px 36px 50px}.section-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.section-title>div>small{color:var(--p);letter-spacing:.13em;font-size:8px;font-weight:750}.section-title h1{letter-spacing:-.035em;margin:6px 0 5px;font-size:25px}.section-title p{color:var(--muted);margin:0;font-size:10px}.primary,.secondary,.danger{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg, #806eee, var(--p));border:0;box-shadow:0 7px 16px #6c5ce72b}.primary:hover{transform:translateY(-1px);box-shadow:0 9px 20px #6c5ce73b}.secondary{border:1px solid var(--line);color:#555968;background:#fff}.danger{color:#c33f4b;background:#ffebed;border:0}.primary svg,.secondary svg,.danger svg{width:17px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric{border:1px solid var(--line);min-height:112px;box-shadow:var(--shadow);background:#fff;border-radius:15px;align-items:flex-start;gap:13px;padding:17px;display:flex}.metric>span,.round-icon{background:var(--soft);width:36px;min-width:36px;height:36px;color:var(--p);border-radius:11px;place-items:center;display:grid}.metric>div{flex-direction:column;display:flex}.metric b{margin-top:5px;font-size:21px}.metric p{color:var(--green);margin:4px 0 0;font-size:8px}.dashboard-columns{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px;display:grid}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:19px}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-head h2{margin:0;font-size:13px}.card-head p{color:var(--muted);margin:4px 0 0;font-size:8px}.text-btn{color:var(--p);background:0 0;border:0;font-size:8px;font-weight:700}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.quick-grid button{border:1px solid var(--line);text-align:left;min-height:82px;color:var(--p);background:#fbfbfe;border-radius:13px;align-items:center;gap:11px;padding:13px;display:flex}.quick-grid button:hover{background:#f8f6ff;border-color:#c8c0ff}.quick-grid button>span{flex-direction:column;display:flex}.quick-grid b{color:var(--ink);font-size:10px}.quick-grid small{color:var(--muted);margin-top:4px;font-size:8px}.compact-list{margin-top:12px}.compact-list>div{border-bottom:1px solid #f0f0f4;align-items:center;gap:9px;padding:10px 0;display:flex}.compact-list>div:last-child{border:0}.compact-list>div>span:not(.user-avatar){flex-direction:column;flex:1;min-width:0;display:flex}.compact-list b{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.compact-list small{color:var(--muted);margin-top:3px;font-size:7px}.compact-list em{color:var(--p);font-size:8px;font-style:normal;font-weight:700}.priority{background:var(--orange);border-radius:50%;width:7px;height:7px;display:inline-block}.priority.high{background:var(--red)}.priority.low{background:var(--green)}.recent-card{margin-top:14px}.task-status{border-radius:20px;padding:5px 7px}.task-status.progress{color:#ba6c1b;background:#fff0df}.task-status.todo{color:#5576aa;background:#e9f2ff}.empty-state{text-align:center;color:#9a9daa;border:1px dashed #dedfe7;border-radius:12px;grid-column:1/-1;margin-top:10px;padding:28px 12px;font-size:9px}.inline-form{box-shadow:var(--shadow);background:#fff;border:1px solid #ddd9fa;border-radius:15px;grid-template-columns:1fr 1fr;gap:12px 14px;margin-bottom:15px;padding:18px;display:grid}.inline-form.compact{grid-template-columns:1.4fr 1fr 1fr auto;align-items:end}.inline-form label{color:#555967;flex-direction:column;gap:6px;font-size:8px;font-weight:700;display:flex}.inline-form input,.inline-form select,.inline-form textarea,.task-card select,.timer-card input,.timer-card select{border:1px solid var(--line);height:40px;color:var(--ink);background:#fff;border-radius:9px;outline:0;padding:0 10px;font-size:9px}.inline-form textarea{resize:vertical;height:70px;padding:10px}.inline-form input:focus,.inline-form select:focus,.inline-form textarea:focus,.timer-card input:focus,.timer-card select:focus{border-color:#b8aff8;box-shadow:0 0 0 3px #6c5ce711}.inline-form .span-2{grid-column:1/-1}.form-head{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.form-head h2{margin:0;font-size:13px}.form-head button{color:var(--muted);background:0 0;border:0;font-size:8px}.kanban{grid-template-columns:repeat(3,1fr);align-items:start;gap:13px;display:grid}.kanban>section{background:#eeeff4;border-radius:15px;min-height:180px;padding:11px}.kanban>section>header{justify-content:space-between;align-items:center;padding:3px 4px 10px;display:flex}.kanban>section>header h2{margin:0;font-size:10px}.kanban>section>header span{background:#fff;border-radius:20px;padding:4px 7px;font-size:8px}.task-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:9px;padding:13px;box-shadow:0 3px 10px #2c285607}.task-card>div{align-items:center;gap:5px;display:flex}.task-card>div small{color:var(--muted);font-size:7px}.task-card h3{margin:10px 0 5px;font-size:10px}.task-card p{color:var(--muted);margin:0;font-size:8px;line-height:1.55}.task-card footer{justify-content:space-between;gap:8px;margin:12px 0;display:flex}.task-output-form textarea{resize:vertical;min-height:90px}.output-file-input input{background:#fff;padding:10px}.output-file-input small{color:var(--muted);margin-top:5px}.task-output{background:#f0fbf6;border:1px solid #cfe9dd;border-radius:11px;margin:12px 0;padding:11px}.task-output>small{color:#277a58;letter-spacing:.1em;font-size:7px;font-weight:800}.task-output p{color:#456158;margin:6px 0 9px;font-size:8px;line-height:1.5}.task-output a{color:var(--p-dark);align-items:center;gap:6px;font-size:8px;font-weight:750;text-decoration:none;display:flex}.task-output a svg{width:14px;height:14px}.task-card footer span{color:#787b88;white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.task-card select{width:100%;height:34px}.habit-layout{grid-template-columns:280px 1fr;gap:14px;display:grid}.habit-summary{color:#fff;text-align:center;background:linear-gradient(150deg,#6655d9,#8674f1);border-radius:17px;padding:25px}.progress-ring{--progress:0%;background:conic-gradient(#fff var(--progress), #fff3 0);border-radius:50%;place-items:center;width:145px;height:145px;margin:0 auto 18px;display:grid;position:relative}.progress-ring:after{content:"";background:#6e5de0;border-radius:50%;position:absolute;inset:12px}.progress-ring span{z-index:1;flex-direction:column;display:flex;position:relative}.progress-ring b{font-size:31px}.progress-ring small{color:#fffc;font-size:8px}.habit-summary h2{margin:0 0 7px;font-size:14px}.habit-summary p{color:#fffc;margin:0;font-size:8px;line-height:1.6}.habit-list{flex-direction:column;gap:9px;display:flex}.habit-list>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:13px;align-items:center;gap:12px;min-height:68px;padding:12px 14px;display:flex}.habit-list>button:hover{border-color:#c6bef9}.habit-list>button.done{background:#f1fbf7;border-color:#c7ebdc}.habit-check{color:#fff;border:1.5px solid #d7d8e1;border-radius:9px;place-items:center;width:28px;min-width:28px;height:28px;display:grid}.habit-list>button.done .habit-check{background:var(--green);border-color:var(--green)}.habit-check svg{width:16px}.habit-list>button>div{flex-direction:column;display:flex}.habit-list b{font-size:10px}.habit-list small{color:var(--muted);margin-top:4px;font-size:8px}.timer-layout{grid-template-columns:1fr .8fr;gap:14px;display:grid}.timer-card{color:#fff;text-align:center;background:linear-gradient(150deg,#27243d,#181725);border-radius:18px;padding:28px;position:relative;overflow:hidden}.timer-card.running:before{content:"";background:#6c5ce729;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-70px}.live-dot{background:#8d8f99;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.running .live-dot{background:#4de5a9;box-shadow:0 0 0 6px #4de5a922}.timer-card>small{letter-spacing:.12em;color:#bbb9c6;font-size:7px}.timer-display{letter-spacing:.05em;font-variant-numeric:tabular-nums;margin:24px 0 11px;font-size:42px;font-weight:750}.timer-card h2{margin:0;font-size:14px}.timer-card>p{color:#aaa8b7;margin:6px 0 22px;font-size:8px}.timer-card>form{grid-template-columns:1fr 130px auto;gap:8px;display:grid}.timer-card input,.timer-card select{color:#fff;background:#ffffff12;border-color:#ffffff20}.timer-card select option{color:#111}.attendance-layout{grid-template-columns:1fr 1fr;gap:14px;display:grid}.attendance-clock{color:#fff;text-align:center;background:linear-gradient(150deg,#6a59dc,#8774f2);border-radius:18px;padding:32px}.attendance-clock>small{letter-spacing:.15em;color:#ffffffb9;font-size:7px}.attendance-clock h1{font-variant-numeric:tabular-nums;margin:14px 0 5px;font-size:40px}.attendance-clock>p{color:#fffc;margin:0 0 25px;font-size:9px}.attendance-clock>div{justify-content:center;gap:9px;display:flex}.attendance-clock .primary{color:var(--p);box-shadow:none;background:#fff}.attendance-clock .secondary{color:#fff;background:#ffffff17;border-color:#ffffff38}.attendance-status h2{margin:0 0 20px;font-size:14px}.attendance-status>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.attendance-status>div>span{border:1px solid var(--line);border-radius:13px;flex-direction:column;padding:17px;display:flex}.attendance-status i{color:#979aa7;background:#f1f1f5;border-radius:10px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.attendance-status i.ok{color:var(--green);background:#e1f7ed}.attendance-status b{color:var(--muted);margin-top:14px;font-size:8px}.attendance-status strong{margin-top:4px;font-size:17px}.attendance-status>p{color:var(--muted);border-top:1px solid var(--line);margin:17px 0 0;padding-top:14px;font-size:8px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.kpi-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:18px}.kpi-card>header{align-items:center;gap:10px;display:flex}.kpi-card header>div{flex:1}.kpi-card h2{margin:0;font-size:10px}.kpi-card header p{color:var(--muted);margin:3px 0 0;font-size:7px}.kpi-card header>strong{color:var(--p);font-size:23px}.score-bars{margin-top:16px}.score-bars>div{grid-template-columns:60px 1fr 25px;align-items:center;gap:8px;margin-bottom:10px;display:grid}.score-bars span,.score-bars strong{font-size:8px}.score-bars i{background:#eeeef3;border-radius:10px;height:7px;overflow:hidden}.score-bars i b{background:linear-gradient(90deg, var(--p), #9a8cf4);border-radius:10px;height:100%;display:block}.score-bars strong{text-align:right}.kpi-note{color:#666a78;background:#f7f7fa;border-radius:9px;margin:12px 0 0;padding:10px;font-size:8px;line-height:1.65}.team-cards{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.team-cards article{border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:18px}.team-cards .user-avatar{margin:auto}.team-cards h2{margin:13px 0 4px;font-size:11px}.team-cards p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:7px;overflow:hidden}.team-cards article>div{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:13px;display:flex}.team-cards article>div span{background:var(--soft);color:var(--p);border-radius:20px;padding:5px 7px;font-size:7px}.attendance-monitor-summary{background:linear-gradient(120deg, var(--p-dark), var(--p));color:#fff;border-radius:17px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:20px 22px;display:flex;box-shadow:0 14px 35px #0d4c6d2e}.attendance-monitor-summary>div{grid-template-columns:auto auto;align-items:end;column-gap:10px;display:grid}.attendance-monitor-summary small{color:#d9f3ff;letter-spacing:.13em;grid-column:1/-1;font-size:8px}.attendance-monitor-summary strong{margin-top:7px;font-size:30px;line-height:1}.attendance-monitor-summary span,.attendance-monitor-summary p{font-size:8px}.attendance-monitor-summary p{color:#e2f5fd;max-width:420px;margin:0;line-height:1.6}.attendance-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.attendance-monitor-card{border:1px solid var(--line);min-height:260px;box-shadow:var(--shadow);background:#fff;border-radius:17px;grid-template-columns:180px minmax(0,1fr);display:grid;overflow:hidden}.attendance-photo{background:linear-gradient(145deg,#0d4c6d,#51b7e5);place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.attendance-photo img{object-fit:cover;width:100%;height:100%}.attendance-photo>span{color:#fff;background:#fff2;border:1px solid #fff5;border-radius:50%;place-items:center;width:70px;height:70px;font-size:22px;font-weight:800;display:grid}.presence-badge{color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#19232ccc;border-radius:20px;padding:7px 9px;font-size:7px;position:absolute;bottom:10px;left:10px}.presence-badge.present{background:#1f8d61e8}.presence-badge.college{background:#d18a18e8}.presence-badge.home{background:#536471e8}.presence-badge.absent{background:#ba4050e8}.attendance-monitor-info{padding:18px}.attendance-monitor-info>small{color:var(--p);letter-spacing:.1em;text-transform:uppercase;font-size:7px}.attendance-monitor-info h2{margin:4px 0 2px;font-size:14px}.attendance-monitor-info>p{color:var(--muted);margin:0 0 13px;font-size:7px}.attendance-monitor-info dl{grid-template-columns:1fr 1fr;gap:7px;margin:0 0 12px;display:grid}.attendance-monitor-info dl>div{background:var(--soft);border-radius:9px;padding:8px}.attendance-monitor-info dt{color:var(--muted);font-size:7px}.attendance-monitor-info dd{color:var(--ink);margin:3px 0 0;font-size:8px;font-weight:750}.live-work-clock{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.04em;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:850;display:inline-flex}.live-work-clock i{background:#28a66f;border-radius:50%;width:6px;height:6px;animation:1.4s infinite live-pulse;box-shadow:0 0 0 3px #28a66f20}.live-work-clock.running{color:#207552}.live-work-clock.paused{color:var(--muted)}.live-work-clock b,.live-work-clock em{color:inherit;font:inherit;margin:0;font-style:normal}.live-work-clock .live-seconds{min-width:17px;color:var(--p-dark);display:inline-block}.live-work-clock .seconds-separator{animation:1s step-end infinite clock-blink}@keyframes clock-blink{50%{opacity:.25}}.location-link,.location-empty{color:var(--p-dark);background:#edf8fd;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-size:8px;font-weight:750;text-decoration:none;display:flex}.reset-attendance{color:#a83c4b;cursor:pointer;background:#fff7f8;border:1px solid #efcbd0;border-radius:9px;width:100%;margin-top:8px;padding:8px 10px;font-size:7px;font-weight:750}.location-link small{color:var(--muted);font-size:7px;font-weight:500}.location-empty{color:var(--muted);background:#f4f5f7}.info-box{color:#3f6fae;background:#edf5ff;border:1px solid #d5e7ff;border-radius:13px;margin-top:14px;padding:14px}.info-box b{font-size:9px}.info-box p{margin:5px 0 0;font-size:8px;line-height:1.6}.document-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.document-grid>article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:flex-start;gap:12px;padding:15px;display:flex}.doc-type{width:42px;min-width:42px;height:45px;color:var(--blue);background:#e9f2ff;border-radius:9px;place-items:center;font-size:8px;font-style:normal;font-weight:800;display:grid}.doc-type.pdf{color:var(--red);background:#ffeaed}.document-grid article>div{flex:1;min-width:0}.document-grid h2{margin:2px 0 5px;font-size:10px}.document-grid p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 7px;font-size:8px;overflow:hidden}.document-grid small{color:#9a9da8;font-size:7px}.document-grid a{border:1px solid var(--line);color:#707482;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.document-grid article>.document-actions{flex:none;gap:6px;min-width:54px;display:grid}.document-actions>a,.document-actions>button{border:1px solid var(--line);background:#fff;border-radius:9px;width:54px;min-height:32px;font-size:7.5px;font-weight:750}.document-actions>a{width:54px;height:34px;color:var(--p-dark)}.document-actions>a svg{width:15px;height:15px}.document-actions .document-edit{color:var(--p-dark);background:#edf8fd;border-color:#cfe6f1}.document-actions .document-delete{color:#af3e4a;background:#fff4f5;border-color:#f0d2d6}.document-actions>button:hover,.document-actions>a:hover{border-color:var(--p);transform:translateY(-1px)}.document-edit-file{border:1px solid var(--line);background:#f7fafb;border-radius:9px;align-content:center;gap:4px;min-width:0;min-height:43px;padding:7px 11px;display:grid}.document-edit-file small{color:var(--muted);letter-spacing:.1em;font-size:7px;font-weight:800}.document-edit-file b{color:#495a64;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.document-edit-actions{gap:7px;display:flex}.document-edit-actions>button{flex:1}.profile-real{border:1px solid var(--line);max-width:700px;box-shadow:var(--shadow);background:#fff;border-radius:18px;align-items:center;gap:18px;padding:27px;display:flex}.profile-real>div{flex:1}.profile-real>div>small{color:var(--p);letter-spacing:.12em;font-size:7px;font-weight:750}.profile-real h1{margin:7px 0 4px;font-size:21px}.profile-real p{color:var(--muted);margin:0 0 8px;font-size:9px}.profile-real>div>span{background:var(--soft);color:var(--p);border-radius:20px;padding:5px 8px;font-size:8px}.toast{z-index:60;color:#fff;background:#252330;border-radius:11px;padding:12px 16px;font-size:9px;animation:.2s toast-in;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 35px #19172242}.gate,.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.gate h1{margin:20px 0 7px;font-size:24px}.gate p{color:var(--muted);max-width:420px;margin:0 0 20px;font-size:10px;line-height:1.65}.loading{color:var(--muted);background:radial-gradient(circle at 50% 42%,#dff4fd 0,#0000 28%),linear-gradient(145deg,#f8fcfe,#edf7fb);gap:8px;font-size:10px}.loading-overlay{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f3f9fceb;min-height:100vh;animation:.18s ease-out loading-fade;position:fixed;inset:0}.loading-brand{place-items:center;width:190px;height:130px;margin-bottom:4px;display:grid;position:relative}.loading-brand img{z-index:2;object-fit:contain;width:155px;height:92px;animation:1.7s ease-in-out infinite logo-breathe;position:relative}.loading-brand i{background:conic-gradient(from 20deg, var(--p), #51b7e5 22%, transparent 34% 58%, #0d4c6d 76%, transparent 88%);border-radius:50%;width:124px;height:124px;animation:1.05s linear infinite loading-spin;position:absolute;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0)}.loading-brand i:after{content:"";border:1px dashed #4f88a466;border-radius:50%;animation:2.4s linear infinite loading-counterspin;position:absolute;inset:10px}.loading-orbit{z-index:3;border-radius:50%;width:146px;height:146px;animation:1.8s linear infinite reverse loading-spin;position:absolute}.loading-orbit em{background:#51b7e5;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 14px #51b7e5}.loading-orbit em:first-child{top:20px;left:13px}.loading-orbit em:last-child{background:var(--p-dark);width:6px;height:6px;bottom:29px;right:9px;box-shadow:0 0 12px #0d4c6d}.loading-brand b{z-index:3;color:#51b7e5;font-size:14px;animation:1.1s ease-in-out infinite alternate loading-spark;position:absolute;top:15px;right:19px}.loading>strong{color:var(--p-dark);letter-spacing:-.01em;font-size:13px}.loading>span{color:var(--muted);font-size:8px}.loading-dots{vertical-align:bottom;letter-spacing:2px;width:20px;animation:1.2s steps(3,end) infinite loading-dots;display:inline-block;overflow:hidden}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-counterspin{to{transform:rotate(-360deg)}}@keyframes logo-breathe{50%{opacity:.78;transform:scale(.94)}}@keyframes loading-spark{to{opacity:.35;transform:scale(1.35)rotate(18deg)}}@keyframes loading-dots{0%{width:0}to{width:20px}}@keyframes loading-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.loading-brand img,.loading-brand i,.loading-orbit,.loading-brand b,.loading-dots{animation:none}}.mobile-tabs,.drawer-shade{display:none}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1100px){.metric-grid,.team-cards{grid-template-columns:repeat(2,1fr)}.inline-form.compact,.kanban{grid-template-columns:1fr 1fr}.document-grid,.attendance-monitor-grid{grid-template-columns:1fr}}@media (max-width:760px){.product-shell>aside{width:275px;transition:all .22s;transform:translate(-102%);box-shadow:20px 0 55px #1b192b22}.product-shell>aside.open{transform:translate(0)}.drawer-shade{z-index:29;background:#1a172b66;border:0;display:block;position:fixed;inset:0}.product-shell>main{margin-left:0;padding-bottom:70px}.topbar{height:64px;padding:0 15px}.live-sync{padding:6px;font-size:0}.mobile-menu{display:grid}.product-content{padding:21px 15px 32px}.section-title{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:19px}.section-title h1{font-size:21px}.section-title>.primary{width:100%}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{gap:8px;min-height:104px;padding:13px}.metric b{font-size:18px}.dashboard-columns,.timer-layout,.attendance-layout{grid-template-columns:1fr;gap:10px}.quick-grid,.inline-form,.inline-form.compact{grid-template-columns:1fr}.inline-form .span-2{grid-column:auto}.kanban,.habit-layout{grid-template-columns:1fr}.habit-summary{padding:20px}.progress-ring{width:125px;height:125px}.timer-card{padding:23px 16px}.timer-display{font-size:35px}.timer-card>form{grid-template-columns:1fr}.attendance-clock{padding:27px 16px}.attendance-clock h1{font-size:34px}.kpi-grid,.team-cards,.document-grid,.attendance-monitor-grid{grid-template-columns:1fr}.attendance-monitor-summary{flex-direction:column;align-items:flex-start;gap:12px}.attendance-monitor-card{grid-template-columns:125px minmax(0,1fr)}.attendance-photo{min-height:245px}.profile-real{flex-wrap:wrap;align-items:flex-start}.profile-real>div{min-width:calc(100% - 110px)}.profile-real>a{width:100%}.mobile-tabs{z-index:25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#fffffff2;height:66px;padding:6px 2px;display:flex;position:fixed;inset:auto 0 0}.mobile-tabs button{color:#9699a7;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.mobile-tabs button.active{color:var(--p)}.mobile-tabs svg{width:18px}.mobile-tabs small{font-size:7px}.toast{text-align:center;bottom:78px;left:15px;right:15px}}@media (max-width:390px){.metric-grid{grid-template-columns:1fr 1fr}.metric>span{width:30px;min-width:30px;height:30px}.metric p{display:none}.attendance-clock>div{flex-direction:column}}.attendance-clock>.attendance-wizard{text-align:left;justify-content:stretch;gap:0;width:min(100%,500px);margin:24px auto 0;display:grid}.attendance-stepper{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:13px;display:grid;position:relative}.attendance-stepper.two-step{grid-template-columns:repeat(2,1fr)}.attendance-stepper:before{content:"";background:#ffffff40;height:2px;position:absolute;top:17px;left:16%;right:16%}.attendance-stepper>span{z-index:1;color:#ffffff9e;justify-items:center;gap:6px;display:grid;position:relative}.attendance-stepper>span b{width:34px;height:34px;font-family:var(--display);background:#176f9d;border:1px solid #ffffff59;border-radius:50%;place-items:center;font-size:12px;display:grid}.attendance-stepper>span.active{color:#fff}.attendance-stepper>span.active b{color:var(--p-dark);background:#fff;border-color:#fff;box-shadow:0 7px 20px #0022352e}.attendance-stepper>span small{text-align:center;font-size:8px;font-weight:750}.attendance-step-card{background:#043a5730;border:1px solid #ffffff42;border-radius:17px;width:100%;margin-top:10px;padding:17px;transition:background .2s,border-color .2s;box-shadow:inset 0 1px #ffffff0f}.attendance-step-card.active{background:#ffffff1f;border-color:#ffffff94}.attendance-step-card.done{background:#084b4d38}.attendance-step-card>header{align-items:center;gap:11px;display:flex}.attendance-step-card>header>b{width:32px;min-width:32px;height:32px;font-family:var(--display);background:#ffffff2e;border-radius:10px;place-items:center;font-size:11px;display:grid}.attendance-step-card>header small{color:#bfeaff;letter-spacing:.14em;font-size:7px;font-weight:800;display:block}.attendance-step-card>header h2{color:#fff;letter-spacing:-.02em;margin:2px 0 0;font-size:13px}.attendance-step-card .office-code-input{width:100%;margin:15px auto 0}.verified-code{color:#e2fff2;background:#d8ffef21;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding:10px 12px;font-size:9px;font-weight:700;display:flex}.verified-code button{color:#fff;background:0 0;border:0;font-size:8px;font-weight:750;text-decoration:underline}.attendance-step-card .camera-capture{width:100%;margin:15px auto 0}.camera-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.camera-result-actions .primary{flex:1}.final-step>p{color:#d9f3ff;margin:13px 0;font-size:9px;line-height:1.55}.attendance-confirm{width:100%}@media (max-width:760px){.attendance-clock>.attendance-wizard{margin-top:20px}.attendance-step-card{padding:15px}.attendance-step-card>header h2{font-size:12px}.camera-result-actions{flex-direction:column-reverse}.camera-result-actions>button{width:100%}}.attendance-code-panel{gap:0;margin-top:13px;display:grid}.attendance-code-panel>p{color:#d9f3ff;margin:0 0 11px;font-size:9px;line-height:1.5}.attendance-code-panel .code-mode-tabs{background:#03314840;margin:0 0 13px}.attendance-code-panel .code-mode-tabs button{color:#d5effa}.attendance-code-panel .code-mode-tabs button.active{color:var(--p-dark)}.attendance-code-panel .dialog-code-form label{color:#d9f3ff}.attendance-code-panel .dialog-code-form input{background:#fffffff5}.attendance-code-panel .live-qr-scanner>small{color:#d9f3ff}.open-code-dialog{color:#fff;text-align:left;background:#ffffff14;border:1px dashed #ffffff94;border-radius:13px;align-items:center;gap:12px;width:100%;margin-top:14px;padding:14px;display:flex}.open-code-dialog>b{background:#ffffff29;border-radius:11px;place-items:center;width:38px;min-width:38px;height:38px;font-size:22px;display:grid}.open-code-dialog>span{gap:2px;display:grid}.open-code-dialog strong{font-family:var(--display);font-size:10px}.open-code-dialog small{color:#cef;font-size:8px}.attendance-code-overlay{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041620c2;place-items:center;padding:20px;animation:.18s ease-out loading-fade;display:grid;position:fixed;inset:0}.attendance-code-dialog{width:min(100%,440px);max-height:min(720px,100vh - 32px);color:var(--ink);background:radial-gradient(circle at 90% 3%,#51b7e52e,#0000 14rem),#fff;border:1px solid #ffffffa6;border-radius:24px;padding:28px;position:relative;overflow-y:auto;box-shadow:0 30px 90px #01182559}.dialog-close{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#f7fafb;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:15px;right:17px}.dialog-eyebrow{color:var(--p);letter-spacing:.17em;font-size:8px;font-weight:850}.attendance-code-dialog>h2{letter-spacing:-.045em;margin:8px 0 5px;font-size:24px}.attendance-code-dialog>p{color:var(--muted);margin:0;font-size:10px}.code-mode-tabs{background:#edf5f8;border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;margin:20px 0 16px;padding:5px;display:grid}.code-mode-tabs button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:9px;font-size:10px;font-weight:750}.code-mode-tabs button.active{color:var(--p-dark);background:#fff;box-shadow:0 6px 18px #0d4c6d17}.dialog-code-form{gap:13px;display:grid}.dialog-code-form label{color:var(--muted);letter-spacing:.13em;gap:7px;font-size:8px;font-weight:800;display:grid}.dialog-code-form input{border:1px solid var(--line);width:100%;height:58px;color:var(--p-dark);text-align:center;font-family:var(--display);letter-spacing:.3em;background:#f8fbfc;border-radius:13px;outline:0;font-size:25px;font-weight:800}.dialog-code-form input:focus{border-color:var(--p);box-shadow:0 0 0 4px #1c95d11a}.dialog-code-form .primary{width:100%}.live-qr-scanner{gap:11px;display:grid}.scanner-viewport{aspect-ratio:1;background:#091c27;border-radius:18px;position:relative;overflow:hidden}.scanner-viewport video{object-fit:cover;width:100%;height:100%}.scanner-viewport:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 40%,#02111947);position:absolute;inset:0}.scanner-frame{z-index:2;border:2px solid #ffffffe0;border-radius:18px;position:absolute;inset:17%;box-shadow:0 0 0 999px #03141d2e}.scanner-line{z-index:3;background:#51d7ff;border-radius:999px;height:2px;animation:2s ease-in-out infinite scanner-sweep;position:absolute;top:24%;left:20%;right:20%;box-shadow:0 0 14px #51d7ff}.live-qr-scanner>small{color:var(--muted);text-align:center;font-size:9px}.scanner-error{color:#9e3f49;text-align:center;background:#fff1f2;border-radius:11px;gap:9px;padding:12px;font-size:9px;display:grid}.scanner-error button{color:var(--p-dark);background:0 0;border:0;font-size:9px;font-weight:800}@keyframes scanner-sweep{50%{transform:translateY(185px)}}@media (max-width:760px){.attendance-code-overlay{align-items:end;padding:12px}.attendance-code-dialog{width:100%;max-height:calc(100vh - 18px);padding:24px 20px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 16px 16px}.attendance-code-dialog>h2{font-size:22px}.scanner-viewport{max-height:52vh}}@media (prefers-reduced-motion:reduce){.scanner-line{animation:none}*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--p:#1c95d1;--p2:#0d4c6d;--soft:#e6f5fc;--ink:#19191c;--muted:#64727b;--line:#dce7ec;--bg:#f5f8fa;--blue:#1c95d1;--shadow:0 12px 32px #0d4c6d14}body{background:linear-gradient(135deg,#f8fbfc 0%,#edf5f8 100%)}.product-brand{justify-content:center;height:88px;padding:9px 20px}.product-brand>img{object-fit:contain;object-position:center;width:100%;height:68px;transform:scale(.82)}.side-user>button{color:#657681;background:0 0;border:0;padding:6px}.user-avatar{color:#0d4c6d;background:#dff2fb}.habit-summary,.attendance-clock{background:linear-gradient(145deg,#0d4c6d,#1c95d1 68%,#51b7e5)}.progress-ring:after{background:#176f9d}.timer-card{background:linear-gradient(145deg,#0c2230,#0d4c6d)}.timer-card.running:before{background:#51b7e52d}.auth-shell{background:#f5f8fa;grid-template-columns:minmax(380px,46%) 1fr;min-height:100vh;display:grid}.auth-panel{background:#fff;flex-direction:column;justify-content:center;padding:55px clamp(32px,7vw,100px);display:flex}.auth-brand{align-items:center;height:110px;margin-bottom:44px;display:flex}.auth-brand>b,.auth-brand span{display:none}.auth-brand:before{content:"";transform-origin:0;background:url(/dorizz-creative-logo.png) 50%/contain no-repeat;width:260px;height:105px;display:block;transform:scale(.86)}.auth-copy>span{letter-spacing:.22em;color:var(--p);font-size:9px;font-weight:800}.auth-copy h1{letter-spacing:-.045em;margin:12px 0;font-size:36px;line-height:1.08}.auth-copy p{color:var(--muted);max-width:460px;font-size:12px;line-height:1.7}.auth-form{flex-direction:column;gap:15px;max-width:440px;margin-top:26px;display:flex}.auth-form label{flex-direction:column;gap:7px;font-size:10px;font-weight:750;display:flex}.auth-form input{border:1px solid var(--line);background:#fafdfe;border-radius:13px;outline:none;height:50px;padding:0 15px}.auth-form input:focus{border-color:var(--p);box-shadow:0 0 0 4px #1c95d11f}.auth-form .primary{height:50px;margin-top:5px}.auth-error{color:#c43f49;background:#ffedef;border-radius:10px;padding:11px;font-size:10px}.auth-note{color:#89949b;margin-top:25px;font-size:9px}.auth-visual{color:#fff;background:linear-gradient(145deg,#0d4c6d,#1c95d1 60%,#51b7e5);align-items:flex-end;padding:70px;display:flex;position:relative;overflow:hidden}.auth-visual:before,.auth-visual:after{content:"";border:1px solid #ffffff25;border-radius:50%;position:absolute}.auth-visual:before{width:520px;height:520px;top:-120px;right:-150px}.auth-visual:after{width:330px;height:330px;top:60px;right:40px}.auth-visual>div{z-index:1;max-width:550px;position:relative}.auth-visual span{border:1px solid #fff5;border-radius:15px;place-items:center;width:48px;height:48px;font-weight:800;display:inline-grid}.auth-visual p{color:#e2f5fd;font-size:13px;line-height:1.7}.gate-logo{object-fit:contain;width:220px;height:110px;transform:scale(.85)}.motivation-banner{color:#fff;background:linear-gradient(110deg,#0d4c6d,#1c95d1);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:20px 24px;display:flex;box-shadow:0 14px 35px #0d4c6d2e}.motivation-banner small{letter-spacing:.18em;color:#bdeaff;font-size:8px}.motivation-banner p{margin:7px 0 0;font-size:13px;font-weight:650}.motivation-banner>span{color:#d9f2fd;white-space:nowrap;font-size:9px}.notification-strip{gap:7px;margin-bottom:16px;display:grid}.notification-strip>div{color:#6b5719;background:#fff8df;border:1px solid #f3df9c;border-radius:11px;padding:11px 14px;font-size:9px}.live-team{margin-bottom:16px}.live-team-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px;display:grid}.live-team-grid article{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.live-team-grid article>div{flex-direction:column;flex:1;display:flex}.live-team-grid b{font-size:9px}.live-team-grid small,.live-team-grid em{color:var(--muted);margin-top:3px;font-size:7px;font-style:normal}.live-team-grid strong{color:var(--red);font-size:8px}.attendance-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.office-address-chip{width:min(360px,36vw);min-height:43px;color:var(--p-dark);background:#f5fbfd;border:1px solid #cfe5ef;border-radius:12px;align-items:center;gap:9px;padding:7px 11px;text-decoration:none;display:flex;box-shadow:0 7px 18px #0d4c6d0f}.office-address-chip:hover{border-color:var(--p);background:#edf8fd}.office-address-chip>i{width:30px;min-width:30px;height:30px;color:var(--p);background:#dff3fc;border-radius:9px;place-items:center;font-size:17px;font-style:normal;display:grid}.office-address-chip>span{min-width:0;display:grid}.office-address-chip small{color:var(--p);letter-spacing:.12em;font-size:7px;font-weight:800}.office-address-chip b{color:#315366;font-family:var(--body);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;font-weight:650;line-height:1.35;overflow:hidden}.selfie-input{flex-direction:column;align-items:center;gap:7px;max-width:280px;margin:18px auto;font-size:8px;display:flex}.selfie-input input{opacity:0;pointer-events:none;position:absolute}.selfie-input span{color:#fff;cursor:pointer;background:#ffffff12;border:1px dashed #ffffff80;border-radius:11px;width:100%;padding:11px}.camera-capture{justify-items:center;gap:8px;width:min(100%,360px);margin:18px auto;display:grid;position:relative}.camera-capture>small{color:#d9f3ff;letter-spacing:.14em}.camera-entry{gap:8px;width:100%;display:grid}.camera-open{color:#fff;cursor:pointer;background:#ffffff12;border:1px dashed #ffffff80;border-radius:12px;width:100%;padding:12px}.native-camera{color:#fff;cursor:pointer;background:#ffffff1d;border:1px solid #ffffff60;border-radius:12px;width:100%;padding:11px;font-size:9px;font-weight:750}.native-camera input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.camera-help{margin:0;line-height:1.5;color:#fff4bd!important;font-size:8px!important}.camera-stage,.camera-result{justify-items:center;gap:9px;width:100%;display:grid}.camera-stage-idle{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.camera-stage video,.camera-result img{object-fit:cover;background:#0d4c6d;border:2px solid #ffffff65;border-radius:14px;width:100%;max-height:230px;transform:scaleX(-1)}.camera-stage>div{gap:8px;display:flex}.camera-result span{color:#fff;font-size:9px}.form-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.form-heading small{color:var(--p);letter-spacing:.14em}.form-heading h2{margin:4px 0 0}.account-form label small{color:var(--muted);margin-top:5px;display:block}.edit-account{border:1px solid var(--line);width:100%;color:var(--p-dark);cursor:pointer;background:#fff;border-radius:10px;margin-top:14px;padding:9px 12px;font-weight:750}.edit-account:hover{border-color:var(--p);background:#edf8fd}.attendance-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.attendance-complete{background:#ffffff20;border-radius:10px;padding:10px 14px;font-size:10px}.scan-hint{margin-top:13px;display:block;color:#d9f3ff!important}.office-code-input{justify-items:center;gap:6px;width:min(100%,330px);margin:18px auto 4px;display:grid}.office-code-input>span{color:#d9f3ff;letter-spacing:.13em;font-size:8px}.office-code-input input{color:#fff;text-align:center;letter-spacing:.3em;background:#ffffff18;border:1px solid #ffffff70;border-radius:12px;outline:0;width:100%;padding:12px;font-size:22px;font-weight:850}.office-code-input input::placeholder{color:#ffffff65}.office-code-input input:focus{background:#ffffff24;border-color:#fff}.office-code-input small{color:#d9f3ff;font-size:7px}.attendance-timeline{border-top:1px solid var(--line);margin-top:17px;padding-top:12px}.attendance-timeline>div{gap:9px;padding:7px 0;display:flex}.attendance-timeline i{background:var(--p);border-radius:50%;width:8px;height:8px;margin-top:3px}.attendance-timeline span{flex-direction:column;display:flex}.attendance-timeline b{font-size:8px}.attendance-timeline small{color:var(--muted);margin-top:2px;font-size:7px}.qr-overlay{z-index:100;background:#071823ed;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.qr-overlay>button{color:#fff;background:#ffffff10;border:1px solid #ffffff40;border-radius:10px;padding:10px 16px;position:absolute;top:22px;right:25px}.qr-screen{text-align:center;background:#fff;border-radius:24px;min-width:380px;padding:30px 45px}.qr-screen>img{object-fit:contain;width:220px;height:90px;transform:scale(.86)}.qr-screen h1{margin:8px 0;font-size:25px}.qr-screen p{color:var(--muted);margin-bottom:18px;font-size:10px}.qr-screen svg{width:280px;height:280px}.qr-screen>small{color:var(--muted);margin-top:12px;display:block}.qr-office-code{color:var(--p-dark);background:#edf8fd;border-radius:12px;gap:4px;margin-top:12px;padding:10px;display:grid}.qr-office-code small{letter-spacing:.15em;font-size:7px}.qr-office-code strong{letter-spacing:.22em;font-size:27px}.qr-loading{background:#f3f7f9;place-items:center;width:280px;height:280px;display:grid}.leave-list{gap:10px;display:grid}.leave-list article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:15px;display:flex}.leave-list article>div:first-child{flex:1}.leave-list b{font-size:10px}.leave-list small{color:var(--muted);margin-top:3px;font-size:7px;display:block}.leave-list p{color:#59646b;margin:8px 0 0;font-size:8px}.leave-status{border-radius:20px;padding:6px 9px;font-size:8px}.leave-status.pending{color:#8b6811;background:#fff4d7}.leave-status.approved{color:#11865c;background:#e1f7ed}.leave-status.rejected{color:#bd3e48;background:#ffeaed}.leave-actions{gap:5px;display:flex}.leave-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px;font-size:8px}@media (max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-panel{min-height:100vh;padding:35px 24px}.auth-visual{display:none}.auth-brand{margin-bottom:25px}.auth-copy h1{font-size:30px}.motivation-banner{flex-direction:column;align-items:flex-start}.live-team-grid{grid-template-columns:1fr}.attendance-tools{flex-direction:column;width:100%}.attendance-tools button,.office-address-chip{width:100%}.office-address-chip b{white-space:normal}.document-edit-form{grid-template-columns:1fr}.document-edit-actions{flex-direction:column-reverse}.document-grid>article{flex-wrap:wrap}.document-grid article>.document-actions{grid-template-columns:repeat(3,1fr);width:100%}.document-actions>a,.document-actions>button{width:100%}.qr-screen{width:100%;min-width:0;padding:24px 12px}.qr-screen svg{max-width:240px;max-height:240px}.leave-list article{flex-wrap:wrap;align-items:flex-start}.leave-actions{width:100%}}:root{--p-dark:#0d4c6d;--display:var(--font-display), "Avenir Next", Arial, sans-serif;--body:var(--font-body), "Avenir Next", Arial, sans-serif;--soft-blue:#dff3fc;--card-glow:0 18px 50px #0d4c6d17}html{font-size:16px}body{font-family:var(--body);background-color:#0000;background-image:radial-gradient(circle at 84% 9%,#51b7e521,#0000 26rem),radial-gradient(circle at 28% 92%,#1c95d114,#0000 30rem),linear-gradient(145deg,#fbfdfe 0%,#eef6f9 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;font-size:14px;line-height:1.55}h1,h2,h3,.product-brand strong,.metric b,.timer-display,.attendance-clock h1,.live-work-clock,.qr-office-code strong{font-family:var(--display)}button,input,select,textarea{letter-spacing:-.005em}.product-shell>aside{background:linear-gradient(#dff3fc61,#0000 20%),#fff;box-shadow:8px 0 30px #0d4c6d09}.product-brand{position:relative;overflow:hidden}.product-brand:after{content:"";background:linear-gradient(90deg, var(--p), #51b7e5);opacity:.6;border-radius:999px;width:34px;height:4px;position:absolute;bottom:8px;right:18px}.product-shell aside nav button{border-radius:13px;height:46px;font-size:12px;font-weight:600}.product-shell aside nav button.active{box-shadow:inset 3px 0 var(--p), 0 8px 20px #1c95d114}.side-user strong{font-size:11px;font-family:var(--display)}.side-user small{font-size:9px}.topbar{box-shadow:0 8px 28px #0d4c6d0b}.topbar small{letter-spacing:.15em;font-size:8.5px;font-weight:750}.topbar strong{font-family:var(--display);letter-spacing:-.025em;font-size:14px}.live-sync{font-size:8px}.product-content{position:relative}.product-content:before{content:"";z-index:-1;opacity:.18;background-image:radial-gradient(#1c95d1 1.3px,#0000 1.3px);background-size:15px 15px;width:180px;height:180px;position:fixed;top:120px;right:3vw;-webkit-mask-image:linear-gradient(135deg,#000,#0000 75%);mask-image:linear-gradient(135deg,#000,#0000 75%)}.section-title>div>small{letter-spacing:.15em;background:#1c95d117;border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:9px;display:inline-flex}.section-title>div>small:before{content:"✦";font-size:9px}.section-title h1{letter-spacing:-.055em;background:linear-gradient(115deg, var(--ink) 0%, #0d4c6d 75%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:10px;font-size:clamp(28px,3vw,36px);line-height:1.08}.section-title p{max-width:620px;font-size:11px;line-height:1.65}.primary,.secondary,.danger{border-radius:12px;min-height:43px;padding-inline:17px;font-size:11px}.primary{position:relative;overflow:hidden}.primary:after{content:"";background:linear-gradient(110deg,#0000 25%,#ffffff40,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-120%)}.primary:hover:after{transform:translate(120%)}.metric,.card,.task-card,.kpi-card,.team-cards article,.document-grid>article,.leave-list article{box-shadow:var(--card-glow);border-color:#0d4c6d1c}.metric{border-radius:18px;min-height:124px;padding:19px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.metric:after{content:"";background:var(--soft-blue);opacity:.55;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-35px;right:-25px}.metric:hover,.card:hover,.team-cards article:hover{transform:translateY(-2px);box-shadow:0 20px 55px #0d4c6d1f}.metric>span,.round-icon{background:linear-gradient(145deg,#e8f7fd,#d7f0fb);border-radius:13px;width:41px;min-width:41px;height:41px;box-shadow:inset 0 0 0 1px #1c95d114}.metric small{font-size:9.5px;font-weight:650}.metric b{z-index:1;letter-spacing:-.04em;margin-top:4px;font-size:25px;position:relative}.metric p{z-index:1;font-size:9px;font-weight:650;position:relative}.card{border-radius:19px;padding:21px;transition:transform .2s,box-shadow .2s}.card-head h2{letter-spacing:-.025em;font-size:15px}.card-head p{font-size:9.5px}.text-btn{font-size:9px}.quick-grid button{background:linear-gradient(145deg,#fff,#f7fbfd);border-radius:16px;min-height:92px;position:relative;overflow:hidden}.quick-grid button:after{content:"→";color:var(--p);font-family:var(--display);opacity:.55;font-size:15px;position:absolute;top:12px;right:13px}.quick-grid b,.habit-list b,.task-card h3,.document-grid h2,.leave-list b,.team-cards h2{font-family:var(--display);font-size:11px}.compact-list em,.compact-list .task-status{font-size:8.5px}.inline-form label{font-size:9.5px}.inline-form input,.inline-form select,.inline-form textarea,.task-card select,.timer-card input,.timer-card select{min-height:43px;font-size:10.5px}.form-head h2,.habit-summary h2,.attendance-status h2{font-size:15px}.form-head button,.kanban>section>header span,.task-card>div small,.task-card footer span,.task-output p,.task-output a,.kpi-card header p,.kpi-note,.score-bars span,.score-bars strong,.info-box p,.document-grid small,.attendance-timeline b,.attendance-timeline small{font-size:8.5px}.kanban>section>header h2,.kpi-card h2{font-size:11px}.motivation-banner{background:radial-gradient(circle at 85% 20%,#fff3,#0000 13rem),linear-gradient(115deg,#0d4c6d,#1c95d1 70%,#51b7e5);border-radius:21px;padding:24px 27px;position:relative;overflow:hidden}.motivation-banner:after{content:"✦";color:#ffffff1f;font-family:var(--display);font-size:110px;position:absolute;top:-25px;right:18%;transform:rotate(14deg)}.motivation-banner small{font-size:9px;font-weight:800}.motivation-banner p{z-index:1;max-width:720px;font-family:var(--display);letter-spacing:-.02em;font-size:clamp(14px,1.6vw,17px);line-height:1.45;position:relative}.motivation-banner>span,.notification-strip>div{z-index:1;font-size:9.5px;position:relative}.live-team-grid b,.attendance-monitor-info h2{font-family:var(--display);font-size:11px}.live-team-grid small,.live-team-grid em,.attendance-monitor-info>small,.attendance-monitor-info>p,.attendance-monitor-info dt,.presence-badge,.location-link,.location-empty,.reset-attendance{font-size:8.5px}.attendance-monitor-info dd{font-size:9.5px}.live-work-clock{font-size:12px}.attendance-clock>small,.scan-hint,.camera-capture>small,.office-code-input>span{font-size:8.5px}.attendance-clock>p,.attendance-status>p,.attendance-complete,.camera-help,.native-camera,.camera-result span{font-size:9.5px!important}.attendance-status b{font-size:9px}.attendance-status strong{font-family:var(--display);font-size:19px}.auth-copy>span{font-size:9.5px}.auth-copy h1{font-family:var(--display);font-size:clamp(36px,4vw,48px)}.auth-copy p{font-size:13px}.auth-form label,.auth-form input,.auth-form .primary{font-size:11px}.auth-visual h2{font-family:var(--display);font-size:clamp(40px,4.5vw,58px)}.auth-visual p{font-size:14px}@media (max-width:760px){body{background-attachment:scroll;font-size:14px}.product-content{padding:24px 16px 38px}.product-content:before{display:none}.topbar>div{min-width:0}.topbar small{font-size:7.5px}.topbar strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:13px;overflow:hidden}.section-title{margin-bottom:21px}.section-title>div>small{font-size:8px}.section-title h1{margin:11px 0 7px;font-size:clamp(25px,8vw,31px);line-height:1.12}.section-title p{font-size:10px}.metric-grid{gap:10px}.metric{flex-direction:column;min-height:128px;padding:14px}.metric small{font-size:8.5px}.metric b{font-size:22px}.metric p{font-size:8px;display:block}.card{padding:17px}.card-head h2{font-size:14px}.quick-grid button{min-height:82px}.motivation-banner{padding:21px}.motivation-banner p{font-size:15px}.motivation-banner>span{font-size:8.5px}.attendance-monitor-card{grid-template-columns:116px minmax(0,1fr)}.attendance-monitor-info{padding:14px}.attendance-monitor-info dl{grid-template-columns:1fr}.mobile-tabs small{font-size:8px;font-weight:650}.auth-panel{padding:28px 22px 36px}.auth-brand{height:92px;margin-bottom:20px}.auth-brand:before{width:220px;height:90px}.auth-copy h1{font-size:clamp(32px,10vw,40px)}.auth-copy p{font-size:11px}}@media (max-width:390px){.metric{min-height:120px}.metric p{display:block}.attendance-monitor-card{grid-template-columns:1fr}.attendance-photo{min-height:220px}}:root{--p:#169bd5;--p2:#0d4c6d;--ink:#14252f;--muted:#667985;--line:#0d4c6d1f;--bg:#f2f7f9;--surface:#ffffffe0;--sky:#6ac7ec;--mint:#60d3af;--sun:#ffc965;--coral:#ff8f76;--violet:#8c8af4;--display:var(--font-display), "Avenir Next", Arial, sans-serif;--body:var(--font-body), "Avenir Next", Arial, sans-serif;--shadow:0 18px 55px #1b4b6217;--shadow-hover:0 24px 70px #1b4b6226}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 92% 7%,#6ac7ec38,#0000 26rem),radial-gradient(circle at 26% 98%,#60d3af1f,#0000 28rem),#f3f8fa;font-size:15px;line-height:1.6}::selection{color:#fff;background:#178fca}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #169bd538}.auth-shell{background:#f7fbfc;grid-template-columns:minmax(480px,46%) 1fr;min-height:100svh}.auth-panel{z-index:2;background:radial-gradient(circle at 4% 5%,#6ac7ec29,#0000 18rem),#fff;padding:44px clamp(48px,7vw,112px);position:relative}.auth-panel:after{content:"";opacity:.18;pointer-events:none;background-image:radial-gradient(#169bd5 1.5px,#0000 1.5px);background-size:13px 13px;width:120px;height:120px;position:absolute;inset:auto 7% 5% auto;-webkit-mask-image:linear-gradient(145deg,#000,#0000 75%);mask-image:linear-gradient(145deg,#000,#0000 75%)}.auth-brand{align-items:center;gap:13px;width:100%;max-width:530px;height:auto;margin:0 0 clamp(40px,7vh,76px);display:flex}.auth-brand:before{display:none}.auth-brand>img{object-fit:cover;object-position:left center;filter:drop-shadow(0 10px 14px #0d4c6d1f);border-radius:12px;width:48px;height:62px}.auth-brand .auth-brand-copy{flex-direction:column;line-height:1.15;display:flex}.auth-brand-copy strong{font-family:var(--display);letter-spacing:.1em;font-size:12px}.auth-brand-copy small{color:var(--muted);letter-spacing:.035em;margin-top:5px;font-size:9px}.auth-brand .auth-secure-pill{color:#34715d;background:#60d3af1c;border:1px solid #60d3af47;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:8px 11px;font-size:9px;font-weight:750;display:inline-flex}.auth-secure-pill i{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #60d3af29}.auth-copy,.auth-form,.auth-note{width:100%;max-width:510px}.auth-copy>span{letter-spacing:.15em;background:#e8f7fd;border-radius:999px;padding:7px 11px;font-size:9px;display:inline-flex}.auth-copy h1{max-width:560px;color:var(--ink);letter-spacing:-.066em;margin:18px 0 14px;font-size:clamp(42px,4.5vw,66px);line-height:.98}.auth-copy h1 em,.auth-visual h2 em{color:var(--p);font-style:normal}.auth-copy p{max-width:470px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.auth-form{gap:17px;margin-top:32px}.auth-form label{color:#30434e;gap:8px;font-size:11px;font-weight:800}.auth-form input{width:100%;height:55px;color:var(--ink);background:#f6fafce6;border:1px solid #0d4c6d26;border-radius:16px;padding:0 17px;font-size:12px;transition:border-color .2s,box-shadow .2s,background .2s}.auth-form input:hover{background:#fff;border-color:#169bd552}.auth-form input:focus{border-color:var(--p);background:#fff;box-shadow:0 0 0 5px #169bd51c}.password-field{display:block;position:relative}.password-field input{padding-right:92px}.password-field button{color:var(--p2);background:#e7f5fb;border:0;border-radius:10px;padding:8px 10px;font-size:9px;font-weight:800;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-form .auth-submit{background:linear-gradient(115deg,#0d4c6d 0%,#169bd5 68%,#55bce6 100%);border-radius:16px;justify-content:space-between;height:56px;margin-top:4px;padding:0 20px;font-size:11px;box-shadow:0 15px 32px #169bd540}.auth-submit b{background:#ffffff29;border-radius:10px;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.auth-note{color:var(--muted);align-items:center;gap:10px;margin-top:24px;font-size:9px;display:flex}.auth-note i{color:#278367;background:#60d3af26;border-radius:50%;place-items:center;width:26px;height:26px;font-style:normal;display:grid}.auth-note b{color:#435762}.auth-visual{isolation:isolate;background:linear-gradient(145deg,#062e414d,#0000 55%),linear-gradient(135deg,#0c4d6d 0%,#0f82b9 52%,#49b9e5 100%);align-items:center;padding:clamp(50px,6vw,100px)}.auth-visual:before{border-color:#ffffff21;width:620px;height:620px;top:-220px;right:-190px}.auth-visual:after{border-color:#ffffff1c;width:370px;height:370px;top:15%;right:4%}.auth-visual-content{z-index:3;width:min(660px,100%);position:relative}.auth-visual-top{justify-content:space-between;align-items:center;margin-bottom:clamp(48px,9vh,100px);display:flex}.auth-visual-top span,.auth-visual-top i{color:#ffffffd1;letter-spacing:.16em;border:1px solid #ffffff38;border-radius:999px;width:auto;height:auto;padding:8px 11px;font-size:8px;font-style:normal;display:inline-flex}.auth-visual-top i:before{content:"";background:#7cf0bf;border-radius:50%;width:6px;height:6px;margin:4px 7px 0 0;box-shadow:0 0 0 4px #7cf0bf21}.auth-visual h2{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6vw,86px);line-height:.95}.auth-visual h2 em{color:#a7e5ff}.auth-visual p{color:#ffffffc2;max-width:560px;margin:25px 0 0;font-size:14px}.auth-feature-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:44px;display:grid}.auth-feature-grid article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff2b;border-radius:19px;flex-direction:column;justify-content:flex-end;min-height:92px;padding:18px;display:flex}.auth-feature-grid strong{font-family:var(--display);font-size:16px}.auth-feature-grid small{color:#ffffff9e;margin-top:3px;font-size:8px}.auth-orb{z-index:1;filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.auth-orb-one{background:#70e2ba3d;width:240px;height:240px;bottom:-110px;right:7%}.auth-orb-two{background:#ffc96547;width:85px;height:85px;top:13%;left:7%}.auth-floating-tag{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fffc;background:#07354a52;border:1px solid #ffffff2e;border-radius:13px;padding:10px 13px;font-size:9px;font-weight:700;animation:5s ease-in-out infinite float-tag;position:absolute}.tag-one{top:13%;right:8%}.tag-two{animation-delay:-2.5s;bottom:7%;right:7%}@keyframes float-tag{50%{transform:translateY(-8px)rotate(-1deg)}}.product-shell>aside{background:radial-gradient(circle at 40% 0,#6ac7ec38,#0000 15rem),#fffffff0;border-right:0;width:276px;padding:14px 12px 12px;box-shadow:12px 0 45px #1a4e660f}.product-brand{background:linear-gradient(135deg,#e6f7fde0,#ffffffdb);border:0;border-radius:20px;justify-content:flex-start;gap:11px;height:84px;padding:10px 12px}.product-brand:after{display:none}.product-brand>img{object-fit:cover;object-position:left center;border-radius:12px;width:48px;height:62px;transform:none}.product-brand>div{flex-direction:column;min-width:0;display:flex}.product-brand strong{color:#133e53;letter-spacing:.1em;font-size:13px}.product-brand small{color:#70838d;letter-spacing:.02em;margin-top:4px;font-size:8px}.nav-label{color:#8ca0aa;letter-spacing:.19em;margin:22px 15px 7px;font-size:8px;font-weight:850;display:block}.product-shell aside nav{padding:4px 2px 12px}.product-shell aside nav button{color:#60747f;border-radius:15px;gap:12px;height:48px;margin-bottom:4px;padding:0 14px;font-size:12px;font-weight:650;position:relative}.product-shell aside nav button svg{width:19px;height:19px}.product-shell aside nav button:hover{color:#0d648f;background:#e0f4fcb3;transform:translate(2px)}.product-shell aside nav button.active{color:#fff;background:linear-gradient(110deg,#0d4c6d,#169bd5);box-shadow:0 12px 24px #169bd538}.product-shell aside nav button.active:after{content:"";background:#9ce8ff;border-radius:50%;width:6px;height:6px;position:absolute;right:13px;box-shadow:0 0 0 4px #9ce8ff21}.side-user{border:1px solid var(--line);background:#f6fbfce6;border-radius:17px;gap:10px;margin-top:8px;padding:12px}.side-user strong{color:#263a45;font-size:11px}.side-user small{color:#6f838d;font-size:9px}.user-avatar{color:#0d5f86;background:linear-gradient(145deg,#dff4fc,#c9ecfa);border-radius:13px;width:39px;min-width:39px;height:39px;font-size:11px;position:relative}.user-avatar.online:after{content:"";background:var(--mint);border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.product-shell>main{margin-left:276px}.topbar{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);height:82px;box-shadow:none;background:#f8fcfdc7;border-bottom:1px solid #0d4c6d14;padding:0 clamp(24px,3vw,46px)}.topbar small{color:#81949e;letter-spacing:.13em;font-size:8px}.topbar strong{color:#233843;margin-top:2px;font-size:15px}.role-pill{color:#1b718f;letter-spacing:.08em;background:#daf2fbb8;border:1px solid #169bd526;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:8px 11px;font-size:8px;font-weight:850;display:inline-flex}.role-pill i{background:var(--p);border-radius:50%;width:6px;height:6px}.role-pill.ceo{color:#765c19;background:#ffc96526;border-color:#ffc96547}.role-pill.ceo i{background:#e9aa2d}.role-pill.admin{color:#645fc3;background:#8c8af41f}.role-pill.admin i{background:var(--violet)}.live-sync{background:#60d3af21;margin-left:0;padding:8px 11px;font-size:8px}.refresh,.mobile-menu{color:#56717f;background:#ffffffd1;border:1px solid #0d4c6d1c;border-radius:13px;width:40px;height:40px}.refresh:hover,.mobile-menu:hover{color:var(--p);transform:rotate(4deg);box-shadow:0 10px 25px #0d4c6d1a}.product-content{max-width:1540px;padding:38px clamp(24px,3vw,48px) 64px}.product-content:before{opacity:.13}.section-title{align-items:center;margin-bottom:27px}.section-title>div>small{color:#137ba9;background:#e1f5fcb3;border:1px solid #169bd51a;padding:7px 11px;font-size:8px}.section-title h1{color:var(--ink);letter-spacing:-.058em;background:0 0;margin:12px 0 7px;font-size:clamp(31px,3vw,43px);line-height:1.03}.section-title p{color:#6a7f89;font-size:12px}.primary,.secondary,.danger{border-radius:14px;min-height:45px;padding:0 18px;font-size:11px}.primary{background:linear-gradient(110deg,#0f648d,#169bd5 72%,#50b9e4);box-shadow:0 12px 26px #169bd533}.secondary{color:#405761;background:#ffffffd6;border-color:#0d4c6d21}.secondary:hover{color:#0e709d;background:#f0faff;border-color:#169bd552}.motivation-banner{background:radial-gradient(circle at 82% 25%,#fff3,#0000 12rem),linear-gradient(112deg,#0b455f 0%,#0f7cac 52%,#4bb8e4 100%);border-radius:25px;min-height:120px;margin-bottom:20px;padding:26px 30px;box-shadow:0 22px 50px #0d4c6d33}.motivation-banner small{font-size:8px}.motivation-banner p{max-width:780px;font-size:clamp(15px,1.7vw,20px)}.motivation-banner>span{background:#ffffff17;border:1px solid #ffffff2e;border-radius:999px;padding:9px 12px;font-size:9px}.notification-strip{gap:9px;margin-bottom:20px}.notification-strip>div{background:#fff8ded1;border-color:#e8b02d38;border-radius:14px;padding:13px 16px;font-size:10px;box-shadow:0 8px 20px #785d1a0d}.metric-grid{gap:15px}.metric{min-height:142px;box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #0d4c6d17;border-radius:23px;gap:15px;padding:22px}.metric:before{content:"";background:var(--metric-accent,var(--p));opacity:.75;border-radius:23px 0 0 23px;width:4px;position:absolute;inset:0 auto 0 0}.metric:first-child{--metric-accent:var(--violet)}.metric:nth-child(2){--metric-accent:var(--mint)}.metric:nth-child(3){--metric-accent:var(--sun)}.metric:nth-child(4){--metric-accent:var(--coral)}.metric:first-child>span{color:#6763cf;background:#8c8af421}.metric:nth-child(2)>span{color:#258269;background:#60d3af26}.metric:nth-child(3)>span{color:#9d721b;background:#ffc9652e}.metric:nth-child(4)>span{color:#b65b47;background:#ff8f7626}.metric:after{background:var(--metric-accent,var(--p));width:105px;height:105px}@supports (color:color-mix(in lab, red, red)){.metric:after{background:color-mix(in srgb, var(--metric-accent,var(--p)) 16%, transparent)}}.metric>span,.round-icon{width:44px;min-width:44px;height:44px;box-shadow:none;border-radius:14px}.metric small{color:#70848e;font-size:10px}.metric b{font-size:29px}.metric p{color:#60757f;font-size:9px}.metric:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)rotate(-.2deg)}.dashboard-columns{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:15px;margin-top:15px}.card,.task-card,.kpi-card,.team-cards article,.document-grid>article,.leave-list article,.attendance-monitor-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #0d4c6d17}.card{border-radius:23px;padding:24px}.card-head h2{font-size:16px}.card-head p{color:#768892;font-size:10px}.quick-grid{gap:11px;margin-top:19px}.quick-grid button{background:linear-gradient(145deg,#fff,#f5fafc);border-color:#0d4c6d17;border-radius:18px;gap:13px;min-height:104px;padding:17px}.quick-grid button:first-child{color:#766ccf}.quick-grid button:nth-child(2){color:#208169}.quick-grid button:nth-child(3){color:#167ba8}.quick-grid button:nth-child(4){color:#b96b32}.quick-grid button:hover{background:#fff;border-color:currentColor;transform:translateY(-3px);box-shadow:0 16px 35px #1c50681c}.quick-grid b,.habit-list b,.task-card h3,.document-grid h2,.leave-list b,.team-cards h2{font-size:12px}.quick-grid small,.habit-list small,.task-card p,.document-grid p,.leave-list p,.team-cards p,.compact-list small{font-size:9px}.compact-list>div{padding-block:14px}.compact-list b{font-size:11px}.compact-list em,.compact-list .task-status{border-radius:999px;padding:6px 8px;font-size:8px}.inline-form{box-shadow:var(--shadow);background:#ffffffe6;border:1px solid #0d4c6d17;border-radius:22px;padding:22px}.inline-form label{color:#425965;font-size:10px;font-weight:750}.inline-form input,.inline-form select,.inline-form textarea,.task-card select,.timer-card input,.timer-card select{min-height:46px;color:var(--ink);background:#f8fbfc;border-color:#0d4c6d21;border-radius:13px;font-size:11px}.inline-form input:focus,.inline-form select:focus,.inline-form textarea:focus{border-color:var(--p);background:#fff;box-shadow:0 0 0 4px #169bd51a}.kanban{gap:15px}.kanban>section{background:#ebf4f7a8;border-color:#0d4c6d17;border-radius:22px;padding:14px}.kanban>section>header{padding:4px 4px 12px}.kanban>section>header h2{letter-spacing:.04em;font-size:11px}.task-card{border-radius:17px;padding:17px;transition:transform .2s,box-shadow .2s}.task-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #1c4e6521}.habit-layout{gap:16px}.habit-summary,.attendance-clock{background:radial-gradient(circle at 85% 12%,#ffffff2e,#0000 13rem),linear-gradient(145deg,#0d4059,#0f83b8 68%,#50b9e4);border-radius:25px;box-shadow:0 24px 55px #0d4c6d38}.habit-list>button{border-radius:17px;min-height:68px;padding:13px 15px}.habit-list>button:hover{transform:translate(3px)}.habit-check{border-radius:11px;width:35px;height:35px}.kpi-grid,.team-cards,.document-grid,.attendance-monitor-grid{gap:15px}.kpi-card,.team-cards article,.document-grid>article,.leave-list article{border-radius:20px}.kpi-card:hover,.document-grid>article:hover,.leave-list article:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.attendance-monitor-summary{background:linear-gradient(120deg,#e1f5fcd1,#ffffffe6);border:1px solid #169bd51c;border-radius:22px;padding:22px 25px}.attendance-monitor-summary small{font-size:8px}.attendance-monitor-summary strong{font-size:30px}.attendance-monitor-summary span,.attendance-monitor-summary p,.attendance-monitor-info>p,.attendance-monitor-info dt,.location-link,.location-empty,.reset-attendance{font-size:9px}.attendance-monitor-card{border-radius:22px;overflow:hidden}.attendance-photo{background:linear-gradient(145deg,#dfeef3,#edf6f8)}.attendance-photo img{transition:transform .4s}.attendance-monitor-card:hover .attendance-photo img{transform:scale(1.035)}.attendance-monitor-info h2{font-size:13px}.attendance-monitor-info dd,.live-work-clock{font-size:11px}.attendance-step-card{border-radius:21px}.attendance-step-card.active{border-color:#169bd552;box-shadow:0 18px 45px #169bd51f}.attendance-step-card>header h2{font-size:14px}.attendance-step-card>header small,.scan-hint,.camera-capture>small,.office-code-input>span{font-size:9px}.camera-capture,.scanner-viewport{border-radius:21px}.profile-real{box-shadow:var(--shadow);background:radial-gradient(circle at 92% 18%,#6ac7ec33,#0000 17rem),#ffffffe6;border:1px solid #0d4c6d17;border-radius:27px}.profile-real h1{font-size:27px}.empty-state{color:#7a8d96;background:#f6fbfca6;border:1px dashed #0d4c6d33;border-radius:18px;place-items:center;min-height:110px;padding:28px;font-size:10px;display:grid}.toast{background:#123f54;border-radius:15px;padding:14px 17px;font-size:10px;box-shadow:0 18px 45px #052a3c40}.mobile-tabs{-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);background:#ffffffe0}@media (max-width:1100px){.product-shell>aside{width:250px}.product-shell>main{margin-left:250px}.product-brand>div{display:none}.product-brand{justify-content:center}.dashboard-columns{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-pill{display:none}}@media (max-width:760px){body{background:radial-gradient(circle at 95% 0,#6ac7ec33,#0000 17rem),#f3f8fa;padding-bottom:86px}.auth-shell{display:block}.auth-panel{justify-content:center;min-height:100svh;padding:26px 22px 38px}.auth-brand{margin-bottom:38px}.auth-brand>img{width:42px;height:54px}.auth-brand-copy strong{font-size:10px}.auth-brand-copy small{font-size:8px}.auth-secure-pill{display:none!important}.auth-copy h1{font-size:clamp(42px,13.5vw,58px)}.auth-copy p{font-size:12px}.auth-form{margin-top:28px}.auth-form input,.auth-form .auth-submit{height:54px}.auth-visual{display:none}.product-shell>aside{width:min(86vw,320px);padding:12px}.product-brand{justify-content:flex-start}.product-brand>div{display:flex}.product-shell>main{margin-left:0}.topbar{background:#ffffffd1;border:1px solid #0d4c6d14;border-radius:19px;gap:9px;height:70px;margin:9px 10px 0;padding:0 11px;box-shadow:0 13px 36px #18485e17}.mobile-menu{display:grid}.topbar small{font-size:7px}.topbar strong{max-width:130px;font-size:13px}.topbar-avatar{display:none}.live-sync{margin-left:auto;padding:7px 9px;font-size:0}.live-sync i{margin:0}.refresh{margin-left:auto}.live-sync+.refresh{margin-left:0}.product-content{padding:27px 15px 38px}.section-title{align-items:flex-start;gap:15px}.section-title h1{font-size:clamp(29px,9vw,38px)}.section-title p{font-size:11px}.section-title>.primary,.section-title>.secondary{min-width:45px;padding-inline:13px}.motivation-banner{flex-direction:column;align-items:flex-start;min-height:148px;padding:23px}.motivation-banner p{font-size:16px}.motivation-banner>span{align-self:flex-start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{gap:10px;min-height:148px;padding:17px}.metric>span{width:40px;min-width:40px;height:40px}.metric b{font-size:24px}.metric small{font-size:9px}.metric p{font-size:8px}.card{border-radius:21px;padding:19px}.quick-grid{grid-template-columns:1fr}.quick-grid button{min-height:85px}.live-team-grid{grid-template-columns:1fr}.kanban{scroll-snap-type:x mandatory;padding-bottom:8px;display:flex;overflow-x:auto}.kanban>section{scroll-snap-align:start;min-width:min(86vw,340px)}.attendance-monitor-card{grid-template-columns:118px minmax(0,1fr)}.mobile-tabs{border:1px solid #0d4c6d17;border-radius:20px;height:68px;padding:7px 5px;inset:auto 10px 10px;box-shadow:0 16px 50px #12425833}.mobile-tabs button{border-radius:14px}.mobile-tabs button.active{color:#fff;background:linear-gradient(145deg,#0d5d83,#169bd5)}.mobile-tabs small{font-size:7.5px}}@media (max-width:390px){.auth-panel{padding-inline:18px}.auth-brand-copy small{display:none}.section-title h1{font-size:28px}.metric{min-height:140px;padding:14px}.metric b{font-size:22px}.attendance-monitor-card{grid-template-columns:1fr}.attendance-photo{min-height:235px}}@media (prefers-reduced-motion:reduce){.auth-floating-tag{animation:none}.metric:hover,.card:hover,.task-card:hover,.quick-grid button:hover{transform:none}}.office-location-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.map-location-toggle{color:#0f719d;background:#eef9fd}.office-location-form{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #0d4c6d1f;border-radius:18px;grid-template-columns:minmax(180px,1fr) auto;gap:12px;width:min(520px,100vw - 40px);padding:17px;display:grid;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 22px 60px #12415633}.office-location-form>div{flex-direction:column;grid-column:1/-1;display:flex}.office-location-form b{font-family:var(--display);color:#203a47;font-size:12px}.office-location-form small{color:#72858f;margin-top:3px;font-size:9px}.office-location-form input{min-width:0;height:45px;color:var(--ink);background:#f7fbfc;border:1px solid #0d4c6d26;border-radius:13px;outline:none;padding:0 13px;font-size:10px}.office-location-form input:focus{border-color:var(--p);background:#fff;box-shadow:0 0 0 4px #169bd51a}.office-location-form .manual-office-address{grid-column:1/-1}.office-map-return{grid-template-columns:minmax(210px,1fr) auto auto;align-items:center}.office-map-return>div{grid-column:auto}.office-map-return .location-cancel{color:#72858f;cursor:pointer;background:0 0;border:0;height:45px;padding:0 12px;font-size:10px;font-weight:800}@media (max-width:760px){.office-location-actions{width:100%}.office-location-actions>button{flex:1}.office-location-form{grid-template-columns:1fr;width:auto;padding:18px;position:fixed;inset:auto 12px 92px}.office-location-form>div,.office-location-form .manual-office-address{grid-column:auto}.office-map-return{grid-template-columns:1fr}}