*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F4F5FA;--card: #ffffff;--ink: #23262F;--muted: #8A8F9E;--line: #ECEDF3;--brand: #6C5CE7;--brand-dark: #5A49D8;--green: #16A05C;--red: #E5484D;--amber: #E8850C}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}a{color:var(--brand);text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #b9c9f7;border-color:var(--brand)}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px;font-weight:600}.app-shell{display:flex;min-height:100vh}.sidebar{width:222px;background:#fff;color:var(--ink);padding:18px 12px;flex:none;display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar .logo{font-size:21px;font-weight:800;color:var(--ink);padding:4px 12px 20px;letter-spacing:.5px}.sidebar .logo span{color:var(--brand)}.logo-img{display:block;height:auto}.sidebar .logo .logo-img{width:172px}.login-card .logo .logo-img{width:230px;margin:0 0 6px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:#5b6172;font-weight:600;font-size:13.5px}.sidebar nav a svg{width:19px;height:19px;flex:none}.sidebar nav a:hover{background:var(--bg);color:var(--ink)}.sidebar nav a.active{background:#eeebfd;color:var(--brand)}.sidebar .nav-group{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#aeb2bf;padding:14px 12px 5px}.sidebar{overflow-y:auto}.sidebar nav{gap:1px}.sidebar .foot{margin-top:auto;padding:12px 12px 4px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--card);border-bottom:1px solid var(--line);padding:11px 22px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:16.5px;font-weight:700}.topbar .who{font-size:13px;color:var(--muted);display:flex;gap:12px;align-items:center}.topbar .who-avatar{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.content{padding:22px;overflow-x:auto}.card{background:var(--card);border:none;border-radius:16px;padding:18px 20px;margin-bottom:16px;box-shadow:0 2px 10px #23262f0d}.card h2{font-size:15px;margin-bottom:12px;font-weight:700}.cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:16px}.stat{background:var(--card);border:none;border-radius:16px;padding:16px 18px;display:flex;align-items:center;gap:13px;box-shadow:0 2px 10px #23262f0d}.stat .stat-ico{width:46px;height:46px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center;font-size:20px}.stat .n{font-size:24px;font-weight:800;line-height:1.1}.stat .l{font-size:12px;color:var(--muted);margin-top:2px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted);font-weight:600}td.r,th.r{text-align:right}tr:hover td{background:#f8f8fe}.btn{background:var(--brand);color:#fff;border:none;border-radius:11px;padding:9px 16px;font-weight:600}.btn:hover{background:var(--brand-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:8px 14px;font-weight:600}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.btn-sm{padding:5px 11px;font-size:12.5px;border-radius:9px}.btn-green{background:var(--green)}.btn-green:hover{background:#106b3a}.btn-red{background:var(--red)}.btn-red:hover{background:#a92c2c}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700}.badge.green{background:#e4f6ec;color:var(--green)}.badge.red{background:#fde9ea;color:var(--red)}.badge.amber{background:#fdf0de;color:var(--amber)}.badge.blue{background:#eeebfd;color:var(--brand)}.badge.grey{background:#f0f1f5;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar input,.toolbar select{width:auto}.tabs{display:inline-flex;gap:0;margin-bottom:16px;background:#ecedf3;border-radius:12px;padding:3px;border:none}.tabs button{background:none;border:none;padding:8px 16px;font-weight:600;font-size:13px;color:var(--muted);border-radius:9px}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #23262f1a}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#23262f73;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:#fff;border-radius:18px;padding:22px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto}.modal h3{margin-bottom:8px}.modal .grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.modal .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4b3ec4,#8e7bff)}.login-card{background:#fff;border-radius:16px;padding:34px;width:380px;box-shadow:0 18px 50px #0000004d}.login-card .logo{font-size:26px;font-weight:800;margin-bottom:4px}.login-card .logo span{color:var(--brand)}.login-card .sub{color:var(--muted);font-size:13px;margin-bottom:16px}.err{background:#fbe5e5;color:var(--red);border-radius:8px;padding:9px 12px;margin:10px 0;font-size:13px}.ok{background:#e2f5ea;color:var(--green);border-radius:8px;padding:9px 12px;margin:10px 0;font-size:13px}.muted{color:var(--muted)}.mt{margin-top:14px}.att-seg{display:inline-flex;gap:4px}.att-seg button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:4px 8px;font-size:12px}.att-seg button.on-present{background:#e2f5ea;border-color:var(--green);color:var(--green);font-weight:700}.att-seg button.on-absent{background:#fbe5e5;border-color:var(--red);color:var(--red);font-weight:700}.att-seg button.on-half_day{background:#fdf1dc;border-color:var(--amber);color:var(--amber);font-weight:700}.att-seg button.on-leave{background:#e4ebfd;border-color:var(--brand);color:var(--brand);font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes floatBlob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(14px,-10px) scale(1.08)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.anim{animation:fadeUp .5s cubic-bezier(.22,.61,.36,1) both}.d1{animation-delay:.04s}.d2{animation-delay:.09s}.d3{animation-delay:.14s}.d4{animation-delay:.19s}.d5{animation-delay:.24s}.d6{animation-delay:.29s}.gstat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:16px}.gstat{position:relative;overflow:hidden;border-radius:18px;padding:18px 20px;color:#fff;box-shadow:0 10px 24px #3c328c2e;transition:transform .22s ease,box-shadow .22s ease}.gstat:hover{transform:translateY(-4px);box-shadow:0 16px 32px #3c328c47}.gstat .gs-n{font-size:30px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.gstat .gs-l{font-size:12.5px;opacity:.92;margin-top:5px;font-weight:600}.gstat .gs-ico{position:absolute;right:14px;top:13px;font-size:30px;opacity:.38}.gstat:after{content:"";position:absolute;right:-30px;bottom:-40px;width:110px;height:110px;border-radius:50%;background:#ffffff24}.grad-purple{background:linear-gradient(135deg,#6c5ce7,#9b8cff)}.grad-green{background:linear-gradient(135deg,#12a150,#3fd98b)}.grad-orange{background:linear-gradient(135deg,#f0820f,#fbb13c);box-shadow:0 10px 24px #e0850c38}.grad-blue{background:linear-gradient(135deg,#2563eb,#5fa0ff);box-shadow:0 10px 24px #2563eb38}.grad-pink{background:linear-gradient(135deg,#e5484d,#fb7185);box-shadow:0 10px 24px #e5484d38}.grad-teal{background:linear-gradient(135deg,#0ea5a5,#35d9c4);box-shadow:0 10px 24px #0ea5a538}.card{transition:transform .2s ease,box-shadow .2s ease;animation:fadeUp .42s cubic-bezier(.22,.61,.36,1) both}.card:hover{box-shadow:0 8px 22px #23262f17}.stat{animation:fadeUp .42s cubic-bezier(.22,.61,.36,1) both;transition:transform .2s ease,box-shadow .2s ease}.stat:hover{transform:translateY(-3px);box-shadow:0 10px 22px #23262f1a}.cards-row .stat:nth-child(2){animation-delay:.05s}.cards-row .stat:nth-child(3){animation-delay:.1s}.cards-row .stat:nth-child(4){animation-delay:.15s}.donut-anim{animation:popIn .6s cubic-bezier(.22,.61,.36,1) both}.leave-bars .lb .bar{transform-origin:bottom;animation:growUp .6s cubic-bezier(.22,.61,.36,1) both}.dept-bar .fill{animation:growUp .6s ease both;transform-origin:left}.dash-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#3a2a8f,#5a49d8,#7b6bf0);border-radius:22px;padding:22px 24px;color:#fff;margin-bottom:16px;box-shadow:0 12px 30px #3c328c40}.dash-hero:before{content:"";position:absolute;top:-60px;right:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);animation:floatBlob 9s ease-in-out infinite}.dash-hero:after{content:"";position:absolute;bottom:-80px;right:120px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%);animation:floatBlob 11s ease-in-out infinite reverse}.dash-hero>*{position:relative;z-index:1}.dash-hero-old{background:linear-gradient(135deg,#2a1e6b,#5a49d8 55%,#6c5ce7);border-radius:20px;padding:20px 22px;color:#fff;margin-bottom:16px}.dash-hero .greet{font-size:20px;font-weight:800}.dash-hero .clock{font-size:13px;opacity:.85;margin-top:2px;font-variant-numeric:tabular-nums}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}.hero-stat{background:#ffffff1f;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:11px}.hero-stat .hs-ico{width:40px;height:40px;border-radius:12px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:19px;flex:none}.hero-stat .hs-n{font-size:22px;font-weight:800;line-height:1}.hero-stat .hs-l{font-size:11.5px;opacity:.85;margin-top:3px}.dash-announce{display:flex;align-items:center;gap:12px;background:#ffffff1a;border-radius:12px;padding:11px 16px;margin-top:14px;font-size:13.5px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.dash-grid>*{animation:fadeUp .5s cubic-bezier(.22,.61,.36,1) both}.dash-grid>*:nth-child(2){animation-delay:.07s}.dash-grid>*:nth-child(3){animation-delay:.14s}.reminder{animation:fadeUp .4s ease both}.reminder:nth-child(3){animation-delay:.05s}.reminder:nth-child(4){animation-delay:.1s}.reminder:nth-child(5){animation-delay:.15s}.donut-wrap{display:flex;align-items:center;gap:18px}.donut-legend{display:flex;flex-direction:column;gap:7px;font-size:13px}.donut-legend .dl{display:flex;align-items:center;gap:8px}.donut-legend .dot{width:11px;height:11px;border-radius:3px;flex:none}.leave-bars{display:flex;align-items:flex-end;gap:14px;height:150px;padding:6px 4px 0}.leave-bars .lb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}.leave-bars .lb .bar{width:60%;max-width:34px;background:linear-gradient(180deg,#8e7bff,#6c5ce7);border-radius:6px 6px 0 0;min-height:3px}.leave-bars .lb .cap{font-size:11.5px;color:var(--muted);font-weight:600}.leave-bars .lb .val{font-size:11px;color:var(--ink);font-weight:700}.reminder{display:flex;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid var(--line)}.reminder:last-child{border-bottom:none}.reminder .r-av{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}.reminder .r-main{flex:1;min-width:0}.reminder .r-main .t{font-size:13.5px;font-weight:600}.reminder .r-main .s{font-size:12px;color:var(--muted)}.reminder .r-date{font-size:12px;font-weight:700;color:var(--brand);flex:none}.holiday-card{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;background:var(--bg);margin-bottom:9px}.holiday-card .hc-ico{width:42px;height:42px;border-radius:11px;background:#fdf0de;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}.holiday-card .hc-main{flex:1}.holiday-card .hc-main .t{font-size:13.5px;font-weight:700}.holiday-card .hc-main .s{font-size:12px;color:var(--muted)}.btn{background:linear-gradient(135deg,#6c5ce7,#8e7bff);box-shadow:0 4px 12px #6c5ce747;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{background:linear-gradient(135deg,#5a49d8,#7e6cec);transform:translateY(-1px);box-shadow:0 7px 16px #6c5ce75c}.btn:active{transform:translateY(0);box-shadow:0 3px 8px #6c5ce74d}.btn-green{background:linear-gradient(135deg,#12a150,#34d07d);box-shadow:0 4px 12px #12a15047}.btn-green:hover{background:linear-gradient(135deg,#0f8d46,#2bc271);box-shadow:0 7px 16px #12a1505c}.btn-red{background:linear-gradient(135deg,#e5484d,#fb7185);box-shadow:0 4px 12px #e5484d47}.btn-red:hover{background:linear-gradient(135deg,#d23a3f,#f15d72);box-shadow:0 7px 16px #e5484d5c}.btn-ghost{transition:transform .16s ease,border-color .16s ease,color .16s ease}.btn-ghost:hover{transform:translateY(-1px)}.card h2{position:relative;padding-left:13px}.card h2:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:4px;border-radius:3px;background:linear-gradient(180deg,#6c5ce7,#9b8cff)}.modal{animation:popIn .22s cubic-bezier(.22,.61,.36,1) both}.modal-back{animation:fadeUp .18s ease both}.toolbar input,.toolbar select{border-radius:10px}input:focus,select:focus,textarea:focus{outline:3px solid rgba(108,92,231,.16);border-color:var(--brand)}.badge{transition:transform .15s ease}tr:hover .badge{transform:scale(1.04)}.dept-bar{display:flex;align-items:center;gap:10px;margin:6px 0}.dept-bar .track{flex:1;height:10px;background:#edf0f5;border-radius:6px;overflow:hidden}.dept-bar .fill{height:100%;background:var(--brand);border-radius:6px}:root{--p-primary: #6C5CE7;--p-primary-dark: #5A49d8;--p-bg: #F4F5FA;--p-ink: #23262F;--p-muted: #8A8F9E;--p-line: #ECEDF3;--p-green: #16A05C;--p-red: #E5484D;--p-orange: #E8850C;--p-tint-violet: #EEEBFD;--p-tint-green: #E4F6EC;--p-tint-orange: #FDF0DE;--p-tint-blue: #E7F0FE;--p-tint-red: #FDE9EA}.portal-wrap{min-height:100dvh;background:#e9ebf2;display:flex;justify-content:center}.phone{width:100%;max-width:460px;background:var(--p-bg);min-height:100dvh;display:flex;flex-direction:column;position:relative;box-shadow:0 0 40px #14142d1f}.p-body{flex:1;overflow-y:auto;padding:10px 14px 76px}.p-header{display:flex;align-items:center;gap:12px;padding:18px 16px 8px}.p-avatar{width:40px;height:40px;border-radius:50%;background:var(--p-primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}.p-hello{flex:1;min-width:0}.p-hello .hi{font-size:12.5px;color:var(--p-muted)}.p-hello .nm{font-size:17px;font-weight:700;color:var(--p-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-iconbtn{background:#fff;border:1px solid var(--p-line);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px}.p-card{background:#fff;border-radius:16px;padding:12px 14px;margin-bottom:10px;box-shadow:0 2px 10px #23262f0d}.p-card h3{font-size:13.5px;color:var(--p-ink);margin-bottom:8px;font-weight:700}.p-card .see-all{float:right;font-size:12.5px;color:var(--p-primary);font-weight:600}.clock-card{text-align:center;padding:14px 14px 12px}.clock-card .time{font-size:32px;font-weight:800;color:var(--p-ink);letter-spacing:1px;font-variant-numeric:tabular-nums}.clock-card .date{color:var(--p-muted);font-size:12.5px;margin-top:1px}.clock-card .in-at{margin-top:7px;font-size:12.5px}.p-btn{width:100%;border:none;border-radius:13px;padding:12px;font-size:15px;font-weight:700;color:#fff;background:var(--p-primary);margin-top:10px}.p-btn:active{background:var(--p-primary-dark)}.p-btn.out{background:#fff;color:var(--p-red);border:1.5px solid var(--p-red)}.p-btn.done{background:var(--p-tint-green);color:var(--p-green)}.p-btn:disabled{opacity:.6}.clock-note{font-size:11px;color:var(--p-muted);margin-top:5px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-tile{background:#fff;border:none;border-radius:14px;padding:9px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;box-shadow:0 2px 10px #23262f0d}.quick-tile .qi{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:16px}.quick-tile span{font-size:10.5px;color:var(--p-ink);font-weight:600;text-align:center;line-height:1.2}.bal-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.bal-chip{flex:none;min-width:94px;border-radius:14px;padding:9px 12px}.bal-chip .bn{font-size:19px;font-weight:800}.bal-chip .bl{font-size:11px;margin-top:1px;opacity:.85}.p-list-item{display:flex;align-items:center;gap:11px;padding:8px 2px;border-bottom:1px solid var(--p-line)}.p-list-item:last-child{border-bottom:none}.p-li-icon{width:36px;height:36px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;font-size:16px}.p-li-main{flex:1;min-width:0}.p-li-main .t{font-size:13.5px;font-weight:600;color:var(--p-ink)}.p-li-main .s{font-size:12px;color:var(--p-muted);margin-top:1px}.p-chip{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;flex:none}.p-chip.green{background:var(--p-tint-green);color:var(--p-green)}.p-chip.red{background:var(--p-tint-red);color:var(--p-red)}.p-chip.orange{background:var(--p-tint-orange);color:var(--p-orange)}.p-chip.violet{background:var(--p-tint-violet);color:var(--p-primary)}.p-chip.grey{background:#f0f1f5;color:var(--p-muted)}.p-tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;background:#fff;border-top:1px solid var(--p-line);display:flex;padding:4px 4px calc(6px + env(safe-area-inset-bottom));z-index:30}.p-tab{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 0 1px;color:var(--p-muted);font-size:10.5px;font-weight:600}.p-tab svg{width:21px;height:21px}.p-tab.active{color:var(--p-primary)}.p-seg{display:flex;background:#ecedf3;border-radius:12px;padding:3px;margin-bottom:12px}.p-seg button{flex:1;border:none;background:none;padding:8px;border-radius:10px;font-weight:600;font-size:13px;color:var(--p-muted)}.p-seg button.active{background:#fff;color:var(--p-ink);box-shadow:0 1px 4px #23262f1a}.p-fab{position:absolute;right:18px;bottom:86px;background:var(--p-primary);color:#fff;border:none;border-radius:16px;padding:14px 20px;font-size:14px;font-weight:700;box-shadow:0 8px 20px #6c5ce766;z-index:25}.p-pageheading{font-size:18px;font-weight:800;color:var(--p-ink);margin:4px 2px 10px}.p-select{border:1px solid var(--p-line);border-radius:12px;padding:8px 10px;background:#fff;font-size:13px;width:auto}.p-net{font-size:20px;font-weight:800;color:var(--p-ink)}.p-profile-head{display:flex;flex-direction:column;align-items:center;padding:26px 16px 20px;background:linear-gradient(140deg,var(--p-primary),#8E7BFF);border-radius:0 0 26px 26px;margin:-10px -14px 14px;color:#fff}.p-profile-head .big-avatar{width:76px;height:76px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;border:3px solid rgba(255,255,255,.6)}.p-profile-head .nm{font-size:18px;font-weight:800;margin-top:10px}.p-profile-head .rl{font-size:12.5px;opacity:.85;margin-top:2px}.p-kv{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid var(--p-line);font-size:13px}.p-kv:last-child{border-bottom:none}.p-kv .k{color:var(--p-muted);flex:none}.p-kv .v{color:var(--p-ink);font-weight:600;text-align:right;word-break:break-word}@keyframes pulseRing{0%{box-shadow:0 0 #ffffff8c,0 6px 16px #140a5040}70%{box-shadow:0 0 0 12px #fff0,0 6px 16px #140a5040}to{box-shadow:0 0 #fff0,0 6px 16px #140a5040}}.p-hero{position:relative;overflow:hidden;border-radius:22px;padding:13px 15px 14px;margin-bottom:10px;color:#fff;background:linear-gradient(135deg,#3a2a8f,#5a49d8 52%,#8e7bff);box-shadow:0 12px 28px #3c328c4d;animation:fadeUp .45s cubic-bezier(.22,.61,.36,1) both}.p-hero:before{content:"";position:absolute;top:-70px;right:-50px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);animation:floatBlob 9s ease-in-out infinite}.p-hero:after{content:"";position:absolute;bottom:-90px;left:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);animation:floatBlob 12s ease-in-out infinite reverse}.p-hero>*{position:relative;z-index:1}.p-hero .ph-top{display:flex;align-items:center;gap:11px}.p-hero .p-avatar{background:#fff3;border:2px solid rgba(255,255,255,.55)}.p-hero .p-hello .hi{color:#ffffffd1}.p-hero .p-hello .nm{color:#fff}.p-hero .p-iconbtn{background:#ffffff26;border:1px solid rgba(255,255,255,.28);color:#fff}.p-hero .time{text-align:center;font-size:34px;font-weight:800;letter-spacing:1px;margin-top:9px;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(20,10,80,.25)}.p-hero .date{text-align:center;font-size:12.5px;opacity:.85;margin-top:1px}.late-strip{display:flex;flex-direction:column;gap:1px;margin-bottom:10px;padding:8px 13px;border-radius:14px;font-size:12px;line-height:1.35;background:#fdf0de;color:#9a5a07;border:1px solid #F6D9A8;animation:fadeUp .42s cubic-bezier(.22,.61,.36,1) both}.late-strip b{font-size:12.5px}.late-strip.hit{background:#fde9ea;color:#b42f34;border-color:#f7c6c8}.p-hero .shift-line{width:fit-content;margin:6px auto 0;padding:3px 11px;border-radius:20px;font-size:11.5px;font-weight:600;background:#ffffff29;border:1px solid rgba(255,255,255,.22)}.p-hero .in-at{text-align:center;margin-top:8px;font-size:12.5px}.p-hero .p-chip{background:#fff}.p-hero .p-chip.grey{background:#fff3;color:#fff}.p-hero .p-btn{background:#fff;color:var(--p-primary);box-shadow:0 6px 16px #140a5040}.p-hero .p-btn.out{background:#fff;color:var(--p-red);border:none}.p-hero .p-btn.pulse{animation:pulseRing 2.2s ease-out infinite}.p-hero .clock-note{text-align:center;color:#ffffffc7}.p-btn,.quick-tile,.p-tab,.bal-chip,.p-fab,.p-iconbtn,button.p-card{transition:transform .14s ease,box-shadow .18s ease,color .2s ease}.p-btn:active,.quick-tile:active,.bal-chip:active,.p-fab:active,.p-iconbtn:active,button.p-card:active{transform:scale(.96)}.quick-tile .qi[class*=grad-],.p-li-icon[class*=grad-]{color:#fff;box-shadow:0 4px 10px #3c328c38}.bal-chip[class*=grad-]{position:relative;overflow:hidden;color:#fff;box-shadow:0 6px 14px #3c328c33}.bal-chip[class*=grad-]:after{content:"";position:absolute;right:-18px;bottom:-22px;width:56px;height:56px;border-radius:50%;background:#ffffff29}.bal-chip[class*=grad-] .bl{opacity:.92}.p-card,.quick-grid,.bal-row{animation:fadeUp .42s cubic-bezier(.22,.61,.36,1) both}.p-body>*:nth-child(2){animation-delay:.05s}.p-body>*:nth-child(3){animation-delay:.1s}.p-body>*:nth-child(4){animation-delay:.15s}.p-body>*:nth-child(5){animation-delay:.2s}.quick-tile:nth-child(2){animation-delay:.04s}.p-card h3{position:relative;padding-left:11px}.p-card h3:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:3.5px;border-radius:3px;background:linear-gradient(180deg,#6c5ce7,#9b8cff)}.p-pageheading{background:linear-gradient(90deg,#3a2a8f,#6c5ce7 60%,#9b8cff);-webkit-background-clip:text;background-clip:text;color:transparent}.p-fab{background:linear-gradient(135deg,#6c5ce7,#9b8cff);animation:popIn .4s .2s cubic-bezier(.22,.61,.36,1) both}.p-tab{position:relative}.p-tab svg{transition:transform .2s ease}.p-tab.active svg{transform:translateY(-1px) scale(1.1)}.p-tab.active:before{content:"";position:absolute;top:-4px;left:50%;width:26px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#6c5ce7,#9b8cff);transform:translate(-50%)}.p-profile-head{position:relative;overflow:hidden;background:linear-gradient(135deg,#3a2a8f,#5a49d8 52%,#8e7bff)}.p-profile-head:before{content:"";position:absolute;top:-60px;right:-50px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);animation:floatBlob 10s ease-in-out infinite}.p-profile-head>*{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 860px){.app-shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;overflow-x:auto;padding:8px}.sidebar .logo{padding:0 12px 0 6px;font-size:16px}.sidebar .logo .logo-img{width:118px}.sidebar nav{flex-direction:row}.sidebar .foot{display:none}.modal .grid2{grid-template-columns:1fr}}