/* Mamakids — calm, precise retail workspace. Local fonts; no external dependencies. */
:root{--sidebar-w:258px;--profile-bg:#f3f5f1;--bg-workspace:#f5f5f1;--card-bg:#fff;--text-main:#223831;--text-muted:#66766e;--nav-muted:#66766e;--blue:#235b49;--blue-soft:#eaf2ec;--green:#287354;--green-soft:#eaf4ed;--amber:#926d2b;--amber-soft:#faf3e4;--red:#af4943;--red-soft:#fbefec;--border:#e3e8e1;--radius:16px;--shadow:0 3px 18px #21382a04;--gold:#ad955e}
html{scroll-behavior:smooth}html,body{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:15px;line-height:1.55;color:var(--text-main);background:var(--bg-workspace);-webkit-font-smoothing:antialiased}body{overflow-wrap:break-word}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a7bda9;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}svg.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.sidebar{background:#fff;border-right:1px solid var(--border);color:var(--text-main)}.sidebar-brand{display:flex;align-items:center;gap:13px;padding:25px 24px 21px;min-height:100px;border-bottom:1px solid #edf0eb}.login-logo.small{width:42px;height:42px;border-radius:12px;background:#224d3e;color:#fff;font-size:17px;letter-spacing:-1px}.brand-title{font-size:17px;font-weight:700;letter-spacing:-.4px;color:#263e32}.brand-sub{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#859083;margin-top:3px}.sidebar-user{height:auto;min-height:76px;background:#f6f7f3;margin:19px 16px 6px;padding:13px 12px;border:1px solid #ebeee7;border-radius:13px;gap:11px}.sidebar-user>div:last-child{min-width:0}.avatar{width:36px;height:36px;min-width:36px;font-size:14px;background:#e4ebe0;color:#355540;font-weight:600}.user-name{color:#263e32;font-size:13px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.user-role{white-space:normal;text-transform:none;font-size:11px;color:#6e7c70;margin-top:3px;line-height:1.5}.user-role::before{content:none}.sidebar-nav{padding:10px 12px 22px;scrollbar-width:thin;scrollbar-color:#dce2d9 transparent}.nav-group{margin-bottom:15px}.nav-group-title{padding:15px 14px 7px;font-size:10px;font-weight:600;letter-spacing:1.5px;color:#73806a}.nav-link{height:auto;min-height:43px;padding:10px 13px;margin:3px 0;border:0;border-radius:9px;color:#607166;font-size:13px;font-weight:500;gap:13px;transition:background .15s,color .15s}.nav-link:hover{background:#f4f6f1;color:#274d3b}.nav-link.active{background:#eaf2e9;color:#225239;border:0;font-weight:600;box-shadow:inset 3px 0 #607d55}.nav-icon{width:20px;height:22px;display:inline-flex;align-items:center;justify-content:center;opacity:1}.sidebar-overlay{background:#182e2766;backdrop-filter:blur(2px)}
.topbar{height:90px;padding:0 36px;box-shadow:none;border-bottom:1px solid var(--border);background:#fff;gap:16px}.page-title{font-size:23px;line-height:1.35;font-weight:600;letter-spacing:-.6px;min-width:0}.page-title::before{content:'MAMAKIDS / VẬN HÀNH';display:block;font-size:9px;font-weight:600;letter-spacing:1.7px;color:#879280;margin-bottom:7px}.topbar-right{gap:12px;flex-wrap:wrap}.topbar-branch{background:#f3f5ee;border:1px solid #e2e7dc;color:#59694f;font-size:12px;padding:8px 13px}.topbar-branch-switch{height:40px;max-width:220px;padding:8px 34px 8px 12px;border-color:#e1e7da;border-radius:9px;color:#47623c;background:#fff;font-size:12px;font-weight:500}.page-content{padding:30px 36px 42px;max-width:1560px;margin:0 auto}.hamburger{border:1px solid var(--border);border-radius:9px;width:38px;height:38px;color:#4a6254;font-size:18px}
.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px;padding:3px 0 22px;border-bottom:1px solid #dfe5da}.hero-kicker{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#7b865f;margin:0 0 8px}.dashboard-hero h2{font-size:28px;font-weight:500;line-height:1.3;letter-spacing:-.8px;margin:0 0 8px}.dashboard-hero p{color:#68785e;font-size:13px;margin:0}.dashboard-work{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:22px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-heading h2{margin:0}.section-heading>a{font-size:12px;color:#3e6a45}.progress-total{font-size:42px;font-weight:500;line-height:1.2;letter-spacing:-1.8px;color:#235b49;margin:18px 0 10px}.progress-summary{color:#7b8676;font-size:12px;margin:12px 0}.progress-bar{height:6px;background:#edf1e8}.progress-bar-fill{background:#60855b}.pending-list{gap:0}.pending-row{border:0;border-bottom:1px solid #edf0e7;border-radius:0;padding:13px 0;min-height:50px;background:transparent;cursor:pointer;align-items:flex-start}.pending-row:last-child{border-bottom:0}.pending-row .label{font-size:13px;color:#45583f;line-height:1.6}.pending-row .tag{font-size:10px;color:#92743d;background:#faf4e7;padding:4px 8px;flex:none;white-space:nowrap}
.card-grid{gap:16px;margin-bottom:24px}.stat-card{height:auto;min-height:132px;padding:20px;border:1px solid var(--border);border-radius:14px;box-shadow:none;grid-template-columns:1fr 30px;grid-template-rows:auto auto auto;column-gap:8px;position:relative;transition:transform .15s,border-color .15s}.stat-card:hover{transform:translateY(-2px);border-color:#a9b99f}.stat-card::before{content:'↗';grid-column:2;grid-row:1;width:29px;height:29px;border-radius:8px;font-size:17px;background:#f0f3e9;color:#768961}.stat-card.accent::before{content:'↗';background:#edf3e9;color:#5b7955}.stat-card.green::before{content:'✓';background:#edf4eb;color:#60795a}.stat-card.amber::before{content:'◷';background:#faf5ea;color:#a08b57}.stat-card.red::before{content:'▦';background:#f3f1e9;color:#8c8060}.stat-value{grid-column:1;grid-row:2;font-size:29px;line-height:1.3;font-weight:600;letter-spacing:-1px;color:#2b513d!important}.stat-label{grid-column:1;grid-row:1;font-size:12px;color:#76836e;line-height:1.5}.stat-sub{grid-column:1 / span 2;grid-row:3;font-size:11px;line-height:1.6;color:#718064;margin-top:4px}
.section-card,.checklist-item,.lesson-card,.placeholder-box{border:1px solid var(--border);border-radius:15px;box-shadow:none;background:#fff}.section-card{padding:24px;margin-bottom:20px}.section-card h2{font-size:17px;font-weight:600;letter-spacing:-.3px;margin-bottom:17px}.section-card h3{font-size:15px;font-weight:600}.checklist-item{padding:23px 25px;margin-bottom:17px;transition:border-color .15s}.checklist-item:hover{border-color:#c8d3bf}.checklist-item-head{margin-bottom:15px;gap:15px}.checklist-item-title{color:#304837;font-size:16px;font-weight:600;line-height:1.6;display:flex;align-items:center;gap:12px;min-width:0}.task-mark{display:inline-flex;align-items:center;justify-content:center;min-width:34px;width:34px;height:34px;border:1px solid #e2e9db;border-radius:10px;background:#f5f7ef;color:#658358;flex:none}.task-mark svg{width:17px;height:17px}.badge{padding:5px 10px;font-size:10px;font-weight:600;letter-spacing:.1px;border:1px solid transparent}.badge.submitted{color:#3e7147;background:#eef5eb;border-color:#dcebd5}.badge.pending{color:#8a7139;background:#faf5e9;border-color:#efe6cc}.checklist-item-meta{font-size:12px;color:#718064;line-height:1.8}.checklist-item-body{font-size:14px;line-height:1.7}.checklist-form>.form-row{margin-top:17px!important;padding-top:13px;border-top:1px solid #eff2e9}.checklist-form>.field-error:empty{display:none}.camera-count{font-size:12px;color:#738167;margin:10px 0}.camera-capture .camera-actions{margin-top:12px}.camera-thumbs:empty{display:none}.camera-count:has(+.camera-thumbs:empty){margin-bottom:2px}
.btn{border:1px solid transparent;min-height:42px;height:auto;padding:10px 17px;border-radius:9px;font-size:13px;font-weight:600;line-height:1.4;gap:7px;transition:background .15s,box-shadow .15s;white-space:normal;text-align:center}.btn-primary{background:#275d47;border-color:#275d47;color:#fff;box-shadow:0 2px 3px #234b3110}.btn-primary:hover:not(:disabled){background:#1c4835;border-color:#1c4835;box-shadow:0 3px 8px #234b3120}.btn-secondary{background:#fff;color:#5d7257;border-color:#dce5d5}.btn-secondary:hover:not(:disabled){background:#f3f6ed;border-color:#bdcdb1}.btn-sm{min-height:33px;padding:6px 11px;font-size:12px}.btn:active:not(:disabled){transform:translateY(1px)}.form-row{gap:10px}.field{margin-bottom:18px}.field label{color:#586a50;font-size:12px;font-weight:600;line-height:1.7;margin-bottom:7px}.field input,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea{min-height:43px;padding:10px 12px;border:1px solid #dce3d5;border-radius:9px;background:#fff;color:#314a34;max-width:100%;font-size:14px;line-height:1.5;accent-color:#2c6347}input::placeholder,textarea::placeholder{color:#9ba390;font-weight:400}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:#7e9a70;box-shadow:0 0 0 3px #7e9a7018;outline:none}input[type=checkbox],input[type=radio]{accent-color:#2e6848;cursor:pointer;flex:none}textarea{min-height:84px;resize:vertical;width:100%}.field input{height:45px;width:100%}.form-row label{color:#65765c;font-size:12px}.form-error{background:#fcf1ee;border-color:#f0dcd2;color:#aa5348;border-radius:9px}.field-error{color:#af4943;font-size:12px}.field-error:empty{min-height:0}.form-row .field{min-width:min(160px,100%)}.form-row input{width:100%}.form-row label:has(input){min-width:0;flex:1}.topbar-branch-switch{font-size:12px}.password-wrap .pw-toggle{padding:10px;min-height:40px;right:3px}
.admin-table-wrap,.restock-body,.assigned-content,.negative-products{max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d5dfcc transparent;-webkit-overflow-scrolling:touch}.admin-table{font-size:13px;min-width:540px}.admin-table th{background:#f5f7f0;color:#6d7f61;font-size:10px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;padding:14px 13px;white-space:nowrap;border-color:#e7ecdf}.admin-table td{padding:15px 13px;border-color:#edf0e7;color:#4d5f45;line-height:1.6}.admin-table tbody tr:hover{background:#fafbf6}.admin-filters{padding:17px!important;background:#f7f8f3!important;border:1px solid #e7ecdf;border-radius:11px;margin-bottom:23px!important;align-items:flex-end!important;gap:13px!important}.admin-filters .field{margin-bottom:0}.admin-item{border-color:#edf0e7;padding:13px 0}.photo-links a,.video-thumb{background:#edf3e6;color:#416a36;border:1px solid #dee8d4;border-radius:7px;padding:7px 11px}.media-thumb{border-radius:7px;border-color:#e2e8dc}.history-item{padding:13px;border-color:#e6ecdf;border-radius:9px;color:#62715b;align-items:center}.history-day-head .date{font-size:15px;font-weight:600}.history-item .status.done{color:#437c4d}.history-item .status.miss{color:#9a9f8a}.lesson-grid{gap:18px}.lesson-thumb{background:#f0f3e9;border-bottom:1px solid #e7ecdf;height:115px;font-size:30px}.lesson-body{padding:21px}.lesson-body h3{font-size:16px;font-weight:600;color:#354c35}.lesson-body p{font-size:13px;line-height:1.75;color:#7b8771}.lesson-tag{background:#f2f5e9;color:#6c815a;font-size:10px;font-weight:600;border:1px solid #e2e9d8}.profile-grid{gap:15px}.profile-row{background:#f8f9f4;border:1px solid #e9eee0;padding:18px;border-radius:10px}.profile-row .k{font-size:11px;color:#8b957f}.profile-row .v{font-size:14px;color:#395037;font-weight:600}.placeholder-box{padding:54px 24px}.empty-state{color:#8b957f;padding:25px 12px;line-height:1.8}.toast{background:#294e3c;border:1px solid #507158;color:#fff;box-shadow:0 8px 22px #1938261c;line-height:1.6}.toast.error{background:#994a43;border-color:#ac675e}.toast.success{background:#3e704c;border-color:#5e8866}.toast-container{z-index:1000;top:20px;right:20px}
dialog{color:#304a34;font:14px/1.6 "Segoe UI",Arial,sans-serif;border:1px solid #dce5d4!important;border-radius:16px!important;box-shadow:0 20px 80px #162e2638;max-width:calc(100vw - 28px);padding:24px!important;background:#fff}dialog::backdrop{background:#18352966;backdrop-filter:blur(3px)}dialog h2{font-size:21px;font-weight:600;letter-spacing:-.4px}dialog h3{font-size:15px;font-weight:600;margin:24px 0 13px}dialog table{border-collapse:collapse}dialog th{font-size:11px;color:#7e8a72;background:#f6f8f0;padding:9px;text-align:left;font-weight:600}dialog td{border-bottom:1px solid #edf1e5;padding:10px 8px;font-size:13px;line-height:1.5}dialog p{color:#7f8b74;font-size:12px}dialog [data-error]{color:#af4943!important}dialog [data-results] td:nth-child(2),dialog [data-cart] td:first-child{min-width:120px}dialog [data-status]{min-height:20px}
.login-screen{min-height:100dvh;background:#f4f4ed;padding:48px;gap:clamp(40px,8vw,130px);display:flex;align-items:center;justify-content:center}.login-intro{max-width:430px;flex:1;color:#294c39}.login-eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:600;color:#8b946c;margin:0 0 30px}.login-intro h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,3.5vw,48px);line-height:1.22;letter-spacing:-1.6px;margin:0 0 22px}.login-intro>p:last-of-type{font-size:14px;line-height:1.9;color:#819075;max-width:320px}.login-seal{margin-bottom:40px;width:58px;height:58px;border:1px solid #b7c3aa;border-radius:17px;display:flex;align-items:center;justify-content:center;color:#527348;font:22px Georgia,serif;letter-spacing:-1px}.login-signature{height:1px;width:65px;background:#ac9562;margin-top:35px}.login-card{max-width:400px;width:100%;padding:34px;background:#fff;border:1px solid #e0e6d6;border-radius:18px;box-shadow:0 12px 60px #26382107;flex:none}.login-brand{text-align:left;margin-bottom:28px}.login-brand .login-logo{display:none}.login-brand h1{font-size:23px;font-weight:600;letter-spacing:-.6px;color:#29492f;margin-bottom:7px}.login-brand p{font-size:12px;color:#718064;line-height:1.6}.login-footer{border-top:1px solid #edf0e6;padding-top:19px;margin-top:23px;font-size:11px;color:#718064;line-height:1.7}.login-card .btn-primary{min-height:47px;margin-top:6px}.login-card .field input{font-size:14px}.login-card .field-error:empty{display:none}
@media(min-width:901px){.hamburger{display:none}.bottom-nav{display:none}.topbar{padding-left:36px}}
@media(max-width:1150px) and (min-width:901px){:root{--sidebar-w:232px}.page-content{padding:25px}.topbar{padding:0 25px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-work{grid-template-columns:1fr}.sidebar-brand{padding-left:20px}}
@media(max-width:900px){.main-area{margin-left:0}.page-content{padding:25px 24px calc(98px + env(safe-area-inset-bottom))}.topbar{height:80px;padding:0 24px}.sidebar{width:272px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;align-items:center;justify-content:space-around;padding:8px 12px calc(8px + env(safe-area-inset-bottom));min-height:68px;background:#fff;border-top:1px solid #dde5d5;box-shadow:0 -5px 22px #27402a05}.bottom-nav a{font-size:10px;color:#6f7f65;gap:3px;min-width:60px;min-height:44px;justify-content:center}.bottom-nav a.active{color:#315f3e}.bottom-nav .nav-icon{width:35px;height:26px;border-radius:7px}.bottom-nav a.active .nav-icon{background:#edf3e6}.bottom-nav .nav-icon svg{width:19px;height:19px}.dashboard-work{grid-template-columns:1fr}.dashboard-hero h2{font-size:25px}.dashboard-hero{margin-bottom:22px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-screen{padding:30px;gap:40px}.login-intro{max-width:330px}.login-intro h2{font-size:36px}}
@media(max-width:600px){.topbar{min-height:76px;height:auto;padding:14px 17px;gap:10px;flex-wrap:wrap}.topbar .hamburger{flex:0 0 36px;width:36px;height:36px}.page-title{font-size:19px;line-height:1.4;flex:1 1 calc(100% - 48px);white-space:normal;overflow:visible;text-overflow:clip;letter-spacing:-.4px}.page-title::before{font-size:8px;letter-spacing:1.4px;margin-bottom:3px}.topbar-right{width:auto;order:3;padding-left:46px;max-width:100%;margin-top:0}.topbar-branch-switch{font-size:12px!important;height:37px!important;min-height:37px!important;max-width:100%;width:auto}.topbar-right .topbar-branch{display:none}.topbar-right:has(select[hidden]){display:none}.page-content{padding:20px 14px calc(95px + env(safe-area-inset-bottom))}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat-card{padding:15px;min-height:119px;border-radius:12px;grid-template-columns:1fr 24px;column-gap:3px}.stat-card::before{width:24px;height:24px;font-size:14px}.stat-label{font-size:11px}.stat-value{font-size:27px}.stat-sub{font-size:10px}.dashboard-hero{padding-bottom:18px;margin-bottom:19px;align-items:flex-start;flex-wrap:wrap;gap:15px}.dashboard-hero h2{font-size:24px;letter-spacing:-.6px}.dashboard-hero p{font-size:12px}.dashboard-hero .btn{min-height:38px;font-size:12px;padding:9px 13px}.hero-kicker{font-size:9px;margin-bottom:7px}.section-card{padding:19px;margin-bottom:16px;border-radius:13px}.section-card h2{font-size:16px}.checklist-item{padding:18px 16px;margin-bottom:13px;border-radius:13px}.checklist-item-head{align-items:flex-start;gap:9px;margin-bottom:13px}.checklist-item-title{font-size:14px;gap:9px;line-height:1.6}.task-mark{width:29px;height:29px;min-width:29px;border-radius:8px}.task-mark svg{width:15px;height:15px}.badge{font-size:9px;padding:4px 7px;margin-top:2px}.checklist-item-meta{font-size:11px}.form-row{gap:9px}.btn{min-height:43px;padding:10px 14px;font-size:12px}.btn-sm{min-height:36px;font-size:11px;padding:8px 10px}.field input,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea{font-size:16px;min-height:44px}.form-row label{font-size:12px}.profile-grid{grid-template-columns:1fr}.admin-filters{display:flex!important;flex-wrap:wrap!important;padding:14px!important}.admin-filters .field{flex:1 1 130px;min-width:0}.admin-filters .btn{width:100%}.admin-table{font-size:12px}.admin-table th{font-size:9px;padding:11px 10px}.admin-table td{padding:13px 10px}.login-screen{padding:30px 20px;flex-direction:column;gap:26px;align-items:center}.login-intro{width:100%;max-width:400px;flex:none}.login-eyebrow{font-size:9px;margin-bottom:12px}.login-seal{width:42px;height:42px;font-size:18px;border-radius:12px;margin-bottom:20px}.login-intro h2{font-size:31px;margin-bottom:10px;letter-spacing:-.9px}.login-intro>p:last-of-type{font-size:12px;line-height:1.8;margin-bottom:0}.login-signature{display:none}.login-card{max-width:400px;padding:26px 23px;border-radius:15px}.login-brand h1{font-size:21px}.login-card .field input{font-size:16px}.toast-container{left:14px;right:14px;top:14px}.toast{max-width:none;font-size:12px}dialog{max-width:calc(100vw - 20px);padding:18px!important;border-radius:13px!important}dialog h2{font-size:18px;line-height:1.5}dialog [data-search]{min-width:100px!important}.photo-links a{padding:7px 9px}.section-heading{flex-wrap:wrap;gap:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}