:root{--ink:#26333d;--ink-soft:#54697a;--ink-faint:#90a5b3;--bronze:#8f6f52;--bronze-d:#6d533b;--gold:#c2a37e;--jade:#3f9d8a;--jade-soft:#8fd0c2;--jade-pale:#e2f4f0;--aqua:#7cc4dd;--aqua-deep:#4d9cbe;--bg-1:#eef5f8;--bg-2:#e9f1f6;--bg-3:#e0ecf2;--glass:#ffffff85;--glass-border:#fffffff2;--shadow-card:0 2px 8px #6e96b41a,0 16px 38px #6e96b42e,inset 0 1px 0 #ffffffe6;--shadow-hover:0 8px 22px #6e96b429,0 26px 54px #6e96b43d,inset 0 1px 0 #fffffff2;--r-card:22px;--r-chip:999px;--red:#e05a5a;--orange:#e08b4a;--yellow:#c0a13f;--green:var(--jade)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(1100px 560px at 12% -6%, #ddeef6 0%, transparent 60%), radial-gradient(900px 480px at 92% 8%, #e6f3f8 0%, transparent 55%), radial-gradient(900px 620px at 50% 112%, #d9eaf1 0%, transparent 60%), linear-gradient(165deg,var(--bg-1),var(--bg-2) 55%,var(--bg-3));min-height:100vh;padding:20px 20px 140px;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,-apple-system,sans-serif}.wrap{max-width:1120px;margin:0 auto}html,body{max-width:100%;overflow-x:hidden}.hero>.card,.hub .tile,.widgets>.card,.card>*{min-width:0}img,svg,canvas{max-width:100%}@keyframes drift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(46px,34px)scale(1.08)}}@keyframes drift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-54px,-22px)scale(1.05)}}body:before,body:after{content:"";filter:blur(64px);z-index:-1;pointer-events:none;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#96cde657,#64aacd1f 55%,#0000 75%);width:540px;height:540px;animation:17s ease-in-out infinite drift1;top:-90px;left:-130px}body:after{background:radial-gradient(circle,#c3e6f080,#8fd0c229 55%,#0000 75%);width:480px;height:480px;animation:21s ease-in-out infinite drift2;top:32%;right:-110px}.card:before,.tile:before{content:"";border-radius:inherit;pointer-events:none;opacity:.85;background:linear-gradient(168deg,#ffffffe6,#fff0 30%),linear-gradient(115deg,#0000 42%,#ffffff80 46%,#fff0 52%);position:absolute;inset:0}.card:after,.tile:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -12px 22px #8cc3e138,inset 2px 0 6px #ffffff8c,inset -4px -2px 10px #96c8e62e}.card>*,.tile>*{z-index:1;position:relative}.btn-soft,.pill-btn,.tile,.punch button,.duty-chip{transition:transform .38s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.btn-soft:active,.pill-btn:active,.tile:active,.punch button:active{transform:scale(.955)}.droplet{z-index:-1;pointer-events:none;background:radial-gradient(circle at 32% 26%,#fffffff2,#ffffff4d 28%,#bedef033 55%,#8cbedc52 100%);border-radius:48% 52% 55% 45%/52% 48%;animation:7s ease-in-out infinite dropWobble;position:fixed;box-shadow:inset -3px -5px 10px #6ea5c866,inset 3px 4px 8px #fffffff2,0 10px 18px #6ea0c347}.droplet:before{content:"";filter:blur(1px);background:#fffffff2;border-radius:50%;width:28%;height:20%;position:absolute;top:15%;left:22%;transform:rotate(-18deg)}@keyframes dropWobble{0%,to{border-radius:48% 52% 55% 45%/52% 48%;transform:translateY(0)scale(1)}50%{border-radius:53% 47% 45% 55%/47% 53%;transform:translateY(-7px)scale(1.02)}}.dragging{z-index:300;-webkit-user-select:none;user-select:none;cursor:grabbing!important;box-shadow:0 26px 60px #6e96b461,inset 0 1px #fffffff2!important}.card{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);border:1px solid var(--glass-border);border-radius:var(--r-card);box-shadow:var(--shadow-card);will-change:transform;padding:20px;transition:transform .25s,box-shadow .25s;position:relative}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.card h3{color:var(--ink);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:800;display:flex}.chip{border-radius:var(--r-chip);white-space:nowrap;align-items:center;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.chip.red{color:var(--red);background:#f7e5e2}.chip.orange{color:var(--orange);background:#f7ecdd}.chip.yellow{color:var(--yellow);background:#f5efd9}.chip.green{background:var(--jade-pale);color:var(--jade)}.chip.gray{color:var(--ink-faint);background:#efe9e2}.btn-soft{width:100%;color:var(--ink-soft);cursor:pointer;background:#ffffffeb;border:1px solid #e8dfd4;border-radius:13px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #6d533b14}.btn-soft:hover{color:var(--bronze-d);transform:translateY(-1px);box-shadow:0 4px 14px #6d533b29}header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.hamburger{background:var(--glass);border:1px solid var(--glass-border);width:42px;height:42px;box-shadow:var(--shadow-card);cursor:pointer;border-radius:13px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:flex}.hamburger span{background:var(--bronze);border-radius:2px;width:15px;height:2px;display:block}.hamburger span:nth-child(2){align-self:flex-start;width:10px;margin-left:13.5px}.logo{align-items:center;gap:11px;display:flex}.logo .mark{flex-shrink:0;width:30px;height:30px;position:relative}.logo .mark:before,.logo .mark:after{content:"";border:1.5px solid var(--bronze);border-radius:3px;position:absolute;inset:3px;transform:rotate(45deg)}.logo .mark:after{opacity:.55;inset:8px}.logo h1{letter-spacing:.3em;color:var(--bronze);white-space:nowrap;font-family:Georgia,Times New Roman,Noto Serif JP,serif;font-size:21px;font-weight:500}.head-right{align-items:center;gap:10px;display:flex}.clockpill{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;padding:5px 18px;line-height:1.25;display:flex}.cp-date{color:var(--ink-faint);letter-spacing:.08em;font-size:9.5px;font-weight:700}.cp-time{letter-spacing:.06em;color:var(--ink);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:16px;font-weight:900}.cp-time .sec{color:var(--aqua-deep);font-size:12px;font-weight:800}@media (max-width:640px){.clockpill{padding:4px 12px}.cp-date{display:none}.cp-time{font-size:13px}}.bell{background:var(--glass);border:1px solid var(--glass-border);width:42px;height:42px;box-shadow:var(--shadow-card);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex;position:relative}.bell:after{content:"";background:var(--red);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:9px}.user{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:5px 14px 5px 5px;display:flex}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12.5px;font-weight:800;display:flex}.user .nm{white-space:nowrap;font-size:12.5px;font-weight:800;line-height:1.2}.user .rl,.user .cv{color:var(--ink-faint);font-size:10px}.hero{grid-template:"sales weather tasks""sales clean tasks"/1.15fr .55fr .75fr;gap:14px;margin-bottom:22px;display:grid}.h-sales{grid-area:sales}.h-weather{grid-area:weather}.h-clean{grid-area:clean}.h-tasks{grid-area:tasks}.h-sales{background:linear-gradient(150deg,#fff9,#e0f2fa6b);flex-direction:column;justify-content:center;padding:28px;display:flex;overflow:hidden}.h-sales .label{color:var(--ink-soft);letter-spacing:.08em;margin-bottom:10px;font-size:12.5px;font-weight:800}.h-sales .big{letter-spacing:-.01em;font-size:clamp(26px,3.4vw,38px);font-weight:900;line-height:1.1}.h-sales .big small{color:var(--ink-faint);font-size:.42em;font-weight:700}.gauge{background:linear-gradient(#d6e7f0eb,#f2f9fcf5);border-radius:999px;height:16px;margin:18px 0 12px;position:relative;box-shadow:inset 0 1.5px 4px #6ea0c34d,inset 0 -1px 1.5px #fffffff2,0 1px #ffffffd9}.gauge .fill{background:linear-gradient(90deg,#8fd0c2,#4aa892 60%,#6cbcd6);border-radius:999px;animation:1.2s cubic-bezier(.2,.8,.2,1) grow;position:absolute;inset:3px auto 3px 3px;overflow:hidden;box-shadow:0 1px 6px #4aa89252,inset 0 1px 2px #ffffff80,inset 0 -1.5px 3px #28788247}.gauge .fill:before{content:"";background:linear-gradient(#ffffffb3,#ffffff0a);border-radius:999px;height:40%;position:absolute;top:2px;left:3px;right:3px}.gauge .fill:after{content:"";background:linear-gradient(105deg,#0000,#ffffff73,#0000);width:46px;animation:5s ease-in-out infinite sheen;position:absolute;top:0;bottom:0;left:-60px}@keyframes grow{0%{width:0}}@keyframes sheen{0%,55%{left:-60px}90%,to{left:110%}}.gauge .knob{background:radial-gradient(circle at 34% 28%,#fff 30%,#eaf6fa 62%,#cfe8f2);border-radius:50%;width:22px;height:22px;font-size:0;position:absolute;top:50%;right:-3px;transform:translateY(-50%);box-shadow:0 2px 6px #5a96b466,inset 0 -2px 3px #8cbed773,inset 1px 1.5px 2px #fff}.gauge-ms{margin:18px 0 30px}.gauge-ms .tick{background:#6e96af61;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #fffc}.gauge-ms .tick.hit{background:#fff;box-shadow:0 0 0 1.5px #4aa892e6,0 0 8px #4aa8928c}.gauge-ms .tick b{letter-spacing:.02em;color:var(--ink-faint);white-space:nowrap;font-size:8.5px;font-weight:700;position:absolute;top:15px;left:50%;transform:translate(-50%)}.gauge-ms .tick:last-of-type b{transform:translate(-90%)}.gauge-ms .tick.hit b{color:var(--jade);font-weight:800}.inc{flex-direction:column;gap:2px;display:flex}.inc span{color:var(--ink-faint);font-size:10px;font-weight:700}.inc b{color:var(--jade);font-size:20px}.inc .inc-fix{color:var(--ink-soft);margin-bottom:3px;font-size:10.5px}.inc .inc-q{color:var(--aqua-deep)}.forecast{color:var(--ink-soft);margin-top:10px;font-size:11px;font-weight:700}.inc-note{color:var(--ink-faint);margin-top:4px;font-size:9.5px;font-weight:600}.gauge-ms{cursor:grab;touch-action:none}.gauge-ms:active{cursor:grabbing}.gauge-ms .fill,.gauge-ms .knob,.gauge-ms .tick{pointer-events:none}.spark-wrap{margin-top:14px}.spark-label{color:var(--ink-faint);letter-spacing:.06em;font-size:9.5px;font-weight:700}.cum-spark{width:100%;height:64px;margin-top:2px;display:block}.sim-row{color:var(--ink-faint);justify-content:space-between;align-items:center;margin-top:-2px;font-size:9.5px;font-weight:700;display:flex}.sim-row button{color:var(--bronze-d);cursor:pointer;background:#f1e7da;border:none;border-radius:999px;padding:3px 10px;font-size:9.5px;font-weight:800}.big.simming{color:var(--bronze)}.h-sales .row2{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px;display:flex}.h-sales .rate{font-size:14px;font-weight:800}.h-sales .rate b{font-size:26px}.h-sales .left{color:var(--ink-soft);font-size:11.5px;font-weight:700}.lv{background:linear-gradient(135deg,var(--bronze),var(--gold));color:#fff;border-radius:11px;padding:7px 13px;font-size:12px;font-weight:900;position:absolute;top:20px;right:20px;transform:rotate(-3deg);box-shadow:0 4px 12px #8f6f5266}.spark{color:var(--gold);pointer-events:none;animation:2.4s ease-in-out infinite tw;position:absolute}@keyframes tw{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.1)}}.h-weather{text-align:center;flex-direction:column;justify-content:center;display:flex}.h-weather .icon{filter:drop-shadow(0 4px 8px #c2a37e59);margin:2px 0 4px;font-size:38px;line-height:1}.h-weather .temp{font-size:30px;font-weight:900}.h-weather .temp sup{font-size:14px;font-weight:800}.h-weather .desc{margin-top:2px;font-size:11.5px;font-weight:700}.h-weather .meta{color:var(--ink-faint);margin-top:6px;font-size:10.5px;font-weight:600;line-height:1.6}.h-clean .date{color:var(--ink-faint);margin-bottom:4px;font-size:10.5px;font-weight:700}.h-clean h3 button{cursor:pointer;background:#fff;border:1px solid #eadfce;border-radius:999px;margin-left:auto;padding:2px 9px;font-size:13px;box-shadow:0 2px 6px #6d533b1f}.duty-row{color:var(--ink-soft);align-items:center;gap:8px;padding:4px 0;font-size:11px;font-weight:700;display:flex}.duty-chip{cursor:pointer;color:var(--ink);-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #eadfce;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:3px 10px 3px 4px;font-size:11px;display:flex;box-shadow:0 2px 6px #6d533b1a}.duty-chip:active{transform:scale(.92)}.duty-chip i{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:8.5px;font-style:normal;font-weight:800;display:flex}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}.duty-chip.pop{animation:.34s cubic-bezier(.34,1.56,.64,1) pop}.duty-note{color:var(--ink-faint);margin-top:5px;font-size:9px;font-weight:600}.hitokoto{border-left:3px solid var(--jade-soft);color:var(--ink-soft);background:#ffffffa6;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:10px;font-weight:700;line-height:1.6}.hitokoto b{color:var(--jade);letter-spacing:.08em;margin-bottom:2px;font-size:8.5px;display:block}.w-hr{margin-top:8px}.w-read{color:var(--ink-soft);white-space:nowrap;text-overflow:clip;height:17px;font-size:10.5px;font-weight:800;line-height:17px;overflow:hidden}.w-chart{touch-action:none;cursor:crosshair;width:100%;height:60px;display:block}.h-tasks{flex-direction:column;display:flex}.h-tasks .cnt{color:var(--red);background:#f7e5e2;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:900}.task-li{flex-direction:column;flex:1;gap:9px;margin-bottom:12px;list-style:none;display:flex}.task-li li{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.tick{width:16px;height:16px;color:var(--bronze);border:1.5px solid #d8cbbc;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.task-li .mini{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-left:auto;font-size:9px;font-style:normal;font-weight:800;display:flex}.task-li .chip{margin-left:6px}.mytask{background:var(--jade-pale);color:var(--jade);border-radius:11px;margin:0 0 12px;padding:8px 11px;font-size:10.5px;font-weight:800}.hub{background:#ffffff47;border:1px solid #fffc;border-radius:28px;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;padding:14px;display:grid;box-shadow:0 12px 34px #6e96b41a}.tile{text-align:center;box-shadow:var(--shadow-card);cursor:pointer;border:1px solid #ffffffe6;border-radius:22px;padding:24px 18px 20px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)scale(1.01)}.tile .ico{filter:drop-shadow(0 5px 9px #3c2d1e29);margin-bottom:12px;font-size:42px;line-height:1;display:block}.tile .tt{margin-bottom:6px;font-size:16px;font-weight:900}.tile .dd{color:var(--ink-soft);font-size:11px;font-weight:600;line-height:1.65}.tile .go{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;transition:transform .2s;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 10px #3c2d1e38}.tile:hover .go{transform:translate(3px)}.tile{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);background:linear-gradient(150deg,#fff9,#e8f6fc57)}.t-jade .tt{color:var(--jade)}.t-jade .go{background:linear-gradient(135deg,var(--jade-soft),var(--jade))}.t-sand .tt{color:var(--aqua-deep)}.t-sand .go{background:linear-gradient(135deg,var(--aqua),var(--aqua-deep))}.t-mist .tt{color:#5b7d99}.t-mist .go{background:linear-gradient(135deg,#8aa8bf,#5b7d99)}.t-clay .tt{color:var(--red)}.t-clay .go{background:linear-gradient(135deg,#eb8f8f,var(--red))}.t-oat .tt{color:var(--yellow)}.t-oat .go{background:linear-gradient(135deg,#d8c06d,var(--yellow))}.t-plum .tt{color:#96628b}.t-plum .go{background:linear-gradient(135deg,#b98aae,#96628b)}.sns-icons{background:#ffffffd9;border-radius:15px;gap:9px;margin-bottom:12px;padding:8px 14px;font-size:25px;line-height:1;display:inline-flex;box-shadow:0 4px 12px #3c2d1e14}.cw-head{align-items:center;gap:10px;margin:0 4px 12px;display:flex}.cw-head h2{font-size:14.5px;font-weight:900}.pill-btn{cursor:pointer;border:none;border-radius:999px;padding:6px 13px;font-size:11px;font-weight:800}.pill-btn.add{color:var(--red);background:#fff;border:1.3px solid #ecd3ce}.pill-btn.edit{color:var(--bronze);background:#fff;border:1.3px solid #e4d7c6;margin-left:auto}.widgets{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.w-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.w-head h4{font-size:12.5px;font-weight:800}.w-head .sub{color:var(--ink-faint);font-size:10px;font-weight:700}.sel{color:var(--ink-soft);background:#fff;border:1px solid #e8dfd4;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700}.w-sales .amount{font-size:20px;font-weight:900}.w-sales .vs{color:var(--ink-faint);text-align:right;font-size:10.5px;font-weight:700}.ws-read{color:var(--ink-soft);white-space:nowrap;height:17px;margin-top:4px;font-size:10.5px;font-weight:800;line-height:17px;overflow:hidden}.sales-chart{touch-action:none;cursor:crosshair;width:100%;height:104px;display:block}.ws-legend{color:var(--ink-faint);gap:12px;margin-top:4px;font-size:9px;font-weight:700;display:flex}.ws-legend span{align-items:center;gap:4px;display:flex}.ws-legend i{border-radius:2px;width:12px;height:8px;display:inline-block}.staff-row{align-items:center;gap:9px;padding:6px 0;font-size:12px;font-weight:700;display:flex}.staff-row .time{color:var(--ink-faint);text-align:right;min-width:40px;margin-left:10px;font-size:11px;font-weight:600}.staff-row .chip{margin-left:auto}.news-row{border-bottom:1px dashed #e6dccf;justify-content:space-between;gap:8px;padding:8px 2px;font-size:11.5px;font-weight:600;display:flex}.news-row:last-of-type{border-bottom:none}.news-row .d{color:var(--ink-faint);flex-shrink:0;font-size:10.5px}.add-zone{text-align:center;background:#fffdfa59;border:2px dashed #d8c9b6;border-radius:22px;padding:26px;position:relative}.add-zone .plus{background:linear-gradient(135deg,var(--gold),var(--bronze));color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;font-size:20px;font-weight:800;transition:transform .2s;display:flex;box-shadow:0 6px 16px #8f6f5259}.add-zone .plus:hover{transform:scale(1.08)}.add-zone p{font-size:12.5px;font-weight:800}.add-zone small{color:var(--ink-faint);font-size:10.5px;font-weight:600}.add-zone .gem2{opacity:.8;font-size:34px;position:absolute;bottom:8px;right:20px}nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);z-index:50;background:#fffdfae6;border-radius:999px;gap:4px;max-width:calc(100vw - 24px);padding:7px 12px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #503c282e}nav a{color:var(--ink-faint);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 15px;font-size:11.5px;font-weight:800;text-decoration:none;transition:all .2s;display:flex}nav a .i{font-size:14px}nav a.on{color:var(--aqua-deep);background:#e2f1f8}nav a:hover{color:var(--aqua-deep)}.head-right{position:relative}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;z-index:90;background:#231c1547;transition:opacity .25s;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:auto}.drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-right:1px solid var(--glass-border);background:#fffdfaf7;width:280px;padding:22px 16px;transition:left .28s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;left:-300px;overflow-y:auto;box-shadow:8px 0 30px #503c2826}.drawer.show{left:0}.drawer .d-logo{align-items:center;gap:10px;margin:0 6px 14px;display:flex}.drawer .d-sec{color:var(--ink-faint);letter-spacing:.12em;margin:16px 8px 6px;font-size:10px;font-weight:800}.drawer a{color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.drawer a:hover{background:#f7f0e7}.drawer a.act{color:var(--bronze-d);background:#f1e7da}.drawer .d-ver{color:var(--ink-faint);margin:20px 8px 4px;font-size:9.5px;font-weight:600}.pop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);z-index:100;background:#fffdfafa;border-radius:18px;width:min(320px,100vw - 28px);display:none;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 16px 44px #503c2838}.pop.show{animation:.18s pin;display:block}@keyframes pin{0%{opacity:0;transform:translateY(-6px)}to{opacity:1}}.pop .p-head{justify-content:space-between;align-items:center;padding:14px 16px 10px;font-size:13px;font-weight:900;display:flex}.pop .p-head button{color:var(--bronze);cursor:pointer;background:0 0;border:none;font-size:10.5px;font-weight:800}.n-item{border-top:1px dashed #eee3d4;align-items:flex-start;gap:10px;padding:11px 16px;font-size:12px;font-weight:600;display:flex}.n-item .dot{background:var(--red);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.n-item.read .dot{background:0 0}.n-item .t{color:var(--ink-faint);margin-top:2px;font-size:10px}.u-item{cursor:pointer;border-top:1px dashed #eee3d4;align-items:center;gap:10px;padding:11px 16px;font-size:12.5px;font-weight:700;display:flex}.u-item:hover{background:#f7f0e7}.punch{background:var(--jade-pale);text-align:center;border-radius:14px;margin:12px 16px 14px;padding:12px}.punch b{color:var(--jade);font-size:13px}.punch button{background:linear-gradient(135deg,var(--jade-soft),var(--jade));color:#fff;cursor:pointer;border:none;border-radius:11px;width:100%;margin-top:8px;padding:10px;font-size:13px;font-weight:800;box-shadow:0 4px 12px #4e8f7b59}.mov{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#232d374d;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.mov.show{display:flex}.modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);background:#ffffffed;border-radius:22px;width:min(460px,100%);max-height:80vh;padding:20px;animation:.18s pin;overflow:auto;box-shadow:0 24px 70px #506e8c59}.modal h3{align-items:center;gap:8px;font-size:14px;font-weight:900;display:flex}.modal .mx{width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:#eef3f6;border:none;border-radius:50%;flex-shrink:0;margin-left:auto;font-size:12px;font-weight:800}.modal .mbody{color:var(--ink-soft);margin-top:10px;font-size:12.5px;font-weight:600;line-height:1.9}@media (max-width:1000px){.hero{grid-template-columns:1fr 1fr;grid-template-areas:"sales sales""weather clean""tasks tasks"}.hub,.widgets{grid-template-columns:repeat(2,1fr)}.w-news{grid-column:span 2}}@media (max-width:640px){body{padding:12px 10px 120px}.card{border-radius:18px;padding:14px}.hero{grid-template-columns:1fr 1fr;grid-template-areas:"sales sales""weather clean""tasks tasks";gap:9px}.h-sales{padding:18px}.h-sales .big{font-size:24px}.gauge-ms{margin:14px 0 28px}.gauge-ms .tick b{font-size:8px}.inc b{font-size:16px}.forecast{font-size:10px}.inc-note{font-size:8.5px}.lv{padding:5px 10px;font-size:10.5px;top:14px;right:14px}.gem{font-size:26px}.h-weather .icon{font-size:30px}.h-weather .temp{font-size:24px}.h-weather .meta{font-size:9.5px}.h-clean .who{font-size:13.5px}.h-clean .broom{font-size:22px;top:38px;right:10px}.task-li li{font-size:11px}.hub{border-radius:22px;grid-template-columns:repeat(2,1fr);gap:9px;padding:9px}.tile{border-radius:16px;padding:16px 10px 14px}.tile .ico{margin-bottom:8px;font-size:30px}.tile .tt{font-size:13.5px}.tile .dd{font-size:9.5px;line-height:1.5}.tile .go{width:25px;height:25px;font-size:11px;bottom:10px;right:10px}.sns-icons{border-radius:11px;margin-bottom:8px;padding:6px 10px;font-size:18px}.widgets{grid-template-columns:repeat(2,1fr);gap:9px}.w-news{grid-column:span 2}.w-sales .amount{font-size:16px}.staff-row{gap:6px;font-size:10.5px}.staff-row .avatar{width:24px!important;height:24px!important;font-size:9px!important}.staff-row .time{min-width:34px;font-size:9.5px}.chip{padding:2px 7px;font-size:9px}.btn-soft{padding:7px 8px;font-size:10.5px}.logo h1{letter-spacing:.22em;font-size:16px}.user .nm{font-size:11px}.user .rl{display:none}nav a{padding:8px 11px;font-size:0}nav a .i{font-size:16px}nav a.on{font-size:10.5px}}@media (max-width:360px){.tile .dd,.h-weather .meta{display:none}}