:root{--brand-primary: #105922;--brand-accent: #1A9B43;--brand-orange: #FF6F30;--brand-yellow: #FDC55A;--brand-coral: #FF6F3E;--brand-cream: #F4EDDA;--green-50: #f1f8f2;--green-100: #dceede;--green-200: #b6dcbf;--green-300: #86c498;--green-500: #1A9B43;--green-600: #167a36;--green-700: #105922;--green-900: #0a3b17;--pink-50: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #e85d9e;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-900: #831843;--dept-admin: #A17A60;--dept-digital: #F2CB67;--dept-internal: #E68FAA;--dept-external: #7DB0CD;--dept-university: #F49D5F;--dept-academic: #2F5F9C;--dept-strategy: #318D65;--dept-quality: #8DC96C;--dept-media: #2294BC;--dept-projects: #8C6A47;--dept-hover-admin: #8BAFCF;--dept-hover-digital: #E85D9E;--dept-hover-internal: #9D3250;--dept-hover-external: #112957;--dept-hover-university: #F6A5B6;--dept-hover-academic: #D6B585;--dept-hover-strategy: #1F2A26;--dept-hover-quality: #FBDE8F;--dept-hover-media: #176581;--dept-hover-projects: #A89A80;--vs-accent: #2C8F8A}body{background:linear-gradient(135deg,#f9f9f9,#f2f2f2);font-family:Noto Sans Thai,Prompt,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh;color:#334155;margin:0;padding-bottom:2rem}.page-header{color:var(--pink-900);font-weight:600}.text-pink-custom{color:var(--pink-600)!important}.bg-pink-custom,.btn-pink-custom{background-color:var(--pink-600)!important}.badge-info-custom{font-size:.75rem;background-color:var(--pink-100);color:var(--pink-700);padding:.25rem .5rem;border-radius:4px;margin-left:8px}.section-title{margin-top:2rem;margin-bottom:1.25rem;color:var(--pink-600);font-size:1.25rem;font-weight:600;border-bottom:2px solid var(--pink-100);padding-bottom:10px}.vs-tab{--pink-50: #ecf6f5;--pink-100: #d4ebe9;--pink-200: #a6d7d3;--pink-300: #6dbcb6;--pink-500: #2C8F8A;--pink-600: #237571;--pink-700: #1c5e5b;--pink-900: #133e3c;--form-shadow: 0 4px 14px rgba(44, 143, 138, .22);--btn-shadow: 0 4px 14px rgba(44, 143, 138, .22);--btn-hover-shadow: 0 12px 28px rgba(44, 143, 138, .35)}.an-tab{--form-shadow: 0 4px 14px rgba(15, 23, 42, .08);--btn-shadow: 0 4px 14px rgba(15, 23, 42, .08);--btn-hover-shadow: 0 10px 24px rgba(15, 23, 42, .15);--pink-50: #f8fafc;--pink-100: #f1f5f9;--pink-200: #e2e8f0;--pink-300: #cbd5e1;--pink-500: #64748b;--pink-600: #475569;--pink-700: #334155;--pink-900: #1e293b}.samo-navbar{position:sticky;top:10px;z-index:1000;background:#fff;box-shadow:0 4px 15px #0000000d;padding:.75rem 1.5rem;border-radius:20px;margin:10px}.samo-navbar .container-fluid{align-items:center;gap:1rem}.brand-fixed{display:flex;align-items:center;gap:0;text-decoration:none}.brand-fixed span{margin:0;padding:0;line-height:1;letter-spacing:.5px}.brand-mdkku{color:var(--brand-primary);font-weight:700;font-size:1.5rem}.brand-samo{color:var(--brand-orange);font-weight:700;font-size:1.5rem}.nav-center{display:flex;justify-content:center;flex:1;gap:.4rem;list-style:none;padding:0;margin:0}.nav-pills .nav-link{color:#475569;font-weight:500;font-size:.95rem;border-radius:10px;margin:0;padding:.55rem 1.1rem;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.nav-pills .nav-link:hover{background-color:var(--green-50);color:var(--brand-primary)}.nav-pills .nav-link.active{background-color:var(--brand-primary);color:#fff;transform:scale(.97);box-shadow:0 4px 10px #1059222e}.nav-pills .nav-link.active i{color:#fff}.nav-pills .nav-link.dropdown-toggle.show,.nav-pills .nav-link.dropdown-toggle.active{background-color:var(--brand-primary);color:#fff;transform:none;box-shadow:none}.nav-pills .nav-link.dropdown-toggle.show i,.nav-pills .nav-link.dropdown-toggle.active i{color:inherit}.samo-navbar .dropdown-menu{border-radius:12px;border:none;box-shadow:0 8px 24px #00000014;padding:.5rem}#toolsDropdown+.dropdown-menu,#aboutDropdown+.dropdown-menu{opacity:0;transition:opacity .18s ease}#toolsDropdown+.dropdown-menu.show,#aboutDropdown+.dropdown-menu.show{opacity:1}.samo-navbar .dropdown-item{border-radius:8px;padding:.55rem .75rem .55rem .55rem;margin-bottom:2px;font-weight:500;color:#334155;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;width:100%;text-align:left}.samo-navbar .dropdown-item:hover{background-color:var(--green-50);color:var(--brand-primary)}.samo-navbar .dropdown-item:active,.samo-navbar .dropdown-item.active{background-color:var(--brand-primary);color:#fff}.btn-custom{background-color:var(--brand-primary);color:#fff;border:none;border-radius:999px;padding:.5rem 1.25rem;font-weight:600;transition:background-color .2s ease,transform .15s ease}.btn-custom:hover,.btn-custom:focus{background-color:#0d4a1d;color:#fff}.btn-custom:active{transform:scale(.98)}.navbar-toggler{border:none!important;box-shadow:none!important;border-radius:10px;transition:background-color .2s ease,transform .15s ease}.navbar-toggler:hover{background-color:var(--green-50);transform:scale(1.05)}.navbar-toggler:focus{box-shadow:0 0 0 2px #10592240!important}.samo-navbar-auth{display:flex;align-items:center;min-height:38px}.samo-navbar-auth .dropdown-toggle:after{margin-left:.4rem}.offcanvas .nav-link{border-radius:8px;color:#334155;padding:.65rem .9rem;font-weight:500;background:transparent;border:none;transition:background-color .15s ease,color .15s ease}.offcanvas .nav-link:hover{background-color:var(--green-50);color:var(--brand-primary)}.offcanvas .nav-link.active{background-color:var(--brand-primary);color:#fff}.divider{height:2px;width:90%;background:var(--brand-orange);opacity:.5;margin-top:4px;border-radius:999px}.dropdown-icon-circle{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:.5rem;background:#fff;font-size:.95rem;flex-shrink:0}.announce-card{border:none;border-radius:15px;box-shadow:0 10px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;height:100%;background:#fff;overflow:hidden}.announce-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #db277726}.announce-img-wrapper{height:200px;overflow:hidden;background-color:#f8fafc}.announce-img-wrapper img{width:100%;height:100%;object-fit:cover}.home-hero{padding:3rem 1rem 2rem}.home-hero h1{font-size:clamp(2rem,4vw,3rem);color:#1f2937;font-weight:700;margin-bottom:.5rem}.home-hero h1 .brand-mdkku,.home-hero h1 .brand-samo{font-size:inherit}.home-hero .lead{color:#64748b;font-size:1.05rem}.home-auth-cta{position:relative;background:#fff;border-radius:18px;padding:1.75rem 2rem 1.75rem 2.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;border:1px solid #eaeaea;box-shadow:0 4px 12px #00000008;overflow:hidden}.home-auth-cta-accent{position:absolute;top:0;left:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--brand-primary) 0%,var(--brand-accent) 100%)}.home-auth-cta-body{flex:1;min-width:240px}.home-auth-cta-body h3{margin:0 0 .35rem;font-weight:700;font-size:1.2rem;color:#1f2937}.home-auth-cta-body p{margin:0;font-size:.92rem;color:#64748b}.home-cta-trigger{white-space:nowrap}.home-welcome{background:#fff;border-radius:18px;padding:1.25rem 1.75rem;box-shadow:0 4px 12px #0000000a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border:1px solid #eaeaea}.home-welcome .welcome-greeting{color:#1f2937;font-weight:600;font-size:1.15rem;margin:0}.home-welcome .welcome-dept{color:#64748b;font-size:.9rem}.home-section-title{color:#1f2937;font-weight:700;font-size:1.5rem;margin:0 0 .25rem}.home-section-subtitle{color:#64748b;font-size:.95rem;margin:0 0 1.5rem}.home-section-link{color:var(--brand-primary);font-weight:600;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:color .15s ease,gap .15s ease}.home-section-link:hover{color:#0d4a1d;gap:.6rem}.home-announce-carousel{position:relative;margin:0 -.25rem}.home-announce-scroll{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.25rem .25rem .75rem;-ms-overflow-style:none;scrollbar-width:none}.home-announce-scroll::-webkit-scrollbar{display:none}.home-announce-scroll>.home-announce-card{flex:0 0 calc(85% - .5rem);scroll-snap-align:start}@media(min-width:576px){.home-announce-scroll>.home-announce-card{flex:0 0 calc(50% - .5rem)}}@media(min-width:992px){.home-announce-scroll>.home-announce-card{flex:0 0 calc(33.333% - .667rem)}}.home-announce-loading{flex:1;padding:2rem 1rem;text-align:center;color:#94a3b8;scroll-snap-align:start}.home-announce-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#fff;border:1px solid #eaeaea;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;box-shadow:0 6px 14px #00000014;transition:background-color .2s ease,color .2s ease,transform .15s ease;font-size:1rem}.home-announce-nav:hover{background-color:var(--green-50);color:var(--brand-primary)}.home-announce-nav:active{transform:translateY(-50%) scale(.95)}.home-announce-nav--prev{left:-10px}.home-announce-nav--next{right:-10px}@media(max-width:575.98px){.home-announce-nav{width:32px;height:32px;font-size:.85rem}.home-announce-nav--prev{left:2px}.home-announce-nav--next{right:2px}}.home-announce-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #eaeaea;box-shadow:0 4px 12px #0000000a;text-decoration:none;color:inherit;height:100%;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.home-announce-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #00000014;border-color:#d4d4d4;color:inherit}.home-announce-img{width:100%;aspect-ratio:16 / 9;background-color:#f1f5f9;overflow:hidden}.home-announce-img img{width:100%;height:100%;object-fit:cover;display:block}.home-announce-body{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.45rem;flex:1}.home-announce-badge{align-self:flex-start;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#f1f5f9;padding:.25rem .55rem;border-radius:999px}.home-announce-title{margin:0;font-size:1rem;font-weight:600;color:#1f2937;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-announce-date{margin-top:auto;font-size:.8rem;color:#94a3b8;display:inline-flex;align-items:center;gap:.35rem}.home-announce-empty{text-align:center;padding:2rem 1rem;color:#94a3b8;font-size:.95rem;border:1px dashed #e2e8f0;border-radius:14px}.admin-header{padding:1.25rem 0 .75rem;border-bottom:1px solid #eaeaea}.admin-title{color:var(--brand-primary);font-weight:700}.admin-back-link{background:transparent;border:none;color:var(--brand-primary);font-weight:600;padding:.35rem 0;cursor:pointer;text-align:left;transition:gap .15s ease}.admin-back-link:hover{color:#0d4a1d}.admin-card{display:flex;align-items:center;gap:1rem;width:100%;text-align:left;background:#fff;border-radius:18px;padding:1.5rem;border:1px solid #eaeaea;box-shadow:0 4px 12px #0000000a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;height:100%}.admin-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #00000014;border-color:var(--admin-card-color, var(--brand-primary))}.admin-card-icon{flex:0 0 56px;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--admin-card-color, var(--brand-primary));color:#fff;font-size:1.6rem}.admin-card-body{flex:1}.admin-card-body h5{margin:0 0 .25rem;font-weight:600;color:#1f2937}.admin-card-body p{margin:0;font-size:.85rem;color:#64748b}.admin-card-arrow{color:var(--admin-card-color, var(--brand-primary));font-size:1.3rem;opacity:0;transition:opacity .2s ease,transform .2s ease}.admin-card:hover .admin-card-arrow{opacity:1;transform:translate(2px)}.pr-kanban{display:flex;align-items:flex-start;gap:.85rem;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:.25rem .25rem .85rem;margin:0 -.25rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.pr-kanban::-webkit-scrollbar{height:8px}.pr-kanban::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pr-kanban-column{flex:0 0 290px;display:flex;flex-direction:column;background:#f6f7f9;border-radius:14px;border:1px solid #e5e7eb}.pr-kanban-column-header{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:#f6f7f9;border-bottom:1px solid #e5e7eb;border-top-left-radius:14px;border-top-right-radius:14px}.pr-kanban-column-dot{width:10px;height:10px;border-radius:50%;background:var(--col-color, #94a3b8);flex-shrink:0}.pr-kanban-column-title{font-size:.85rem;font-weight:600;color:#1f2937;line-height:1.2;flex:1;min-width:0}.pr-kanban-column-count{background:#e5e7eb;color:#475569;font-size:.75rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;min-width:24px;text-align:center}.pr-kanban-column-body{display:flex;flex-direction:column;gap:.5rem;padding:.6rem}.pr-kanban-empty{text-align:center;color:#94a3b8;font-size:.8rem;padding:1.25rem .5rem;border:1px dashed #e5e7eb;border-radius:10px;margin:auto 0}.pr-kanban-card{background:#fff;border-radius:10px;border:1px solid #e5e7eb;padding:.7rem .85rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 1px 2px #00000008;border-left:3px solid var(--col-color, var(--brand-primary))}.pr-kanban-card:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000014;border-color:var(--col-color, var(--brand-primary))}.pr-kanban-card-id{font-size:.7rem;font-weight:700;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.04em}.pr-kanban-card-title{font-size:.9rem;font-weight:600;color:#1f2937;line-height:1.3;margin:.25rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pr-kanban-card-dept{font-size:.7rem;color:#64748b;display:flex;align-items:center;gap:.35rem}.pr-kanban-card-meta{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.7rem;color:#94a3b8}.pr-kanban-card-rush{display:inline-flex;align-items:center;gap:.25rem;background:#fee2e2;color:#b91c1c;font-weight:600;padding:.1rem .45rem;border-radius:999px;font-size:.65rem}.pr-kanban-card-assignees{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.25rem}.pr-kanban-card-assignee{background:#f1f5f9;color:#334155;font-size:.7rem;padding:.1rem .5rem;border-radius:999px;border:1px solid #e2e8f0}.pr-kanban-card-noassign{color:#94a3b8;font-size:.7rem;font-style:italic}@media(max-width:991.98px){.pr-kanban-column{flex:0 0 260px}}@media(max-width:767.98px){.pr-kanban{margin:0 -1rem;padding:.25rem 1rem .85rem}.pr-kanban-column{flex:0 0 85vw}}.about-hero{padding:3rem 1rem 2rem}.about-hero-title{font-size:clamp(2.2rem,8vw,4rem);font-weight:700;margin-bottom:.5rem}.about-hero-title .brand-mdkku,.about-hero-title .brand-samo{font-size:inherit}.about-hero-lead{color:#64748b;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:400;margin-bottom:0;line-height:1.6}.about-section{scroll-margin-top:100px;padding:2.5rem 0;border-top:1px solid #eaeaea}.about-section:first-of-type{border-top:none}.about-section-header{margin-bottom:1.75rem;text-align:center}.about-section-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-primary);background:var(--green-50);padding:.3rem .75rem;border-radius:999px;margin-bottom:.75rem}.about-section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#1f2937;margin-bottom:.5rem}.about-section-lead{color:#64748b;max-width:640px;margin:0 auto}.about-team-card{background:#fff;border-radius:14px;padding:1.25rem 1rem;text-align:center;border:1px solid #eaeaea;box-shadow:0 4px 12px #0000000a;transition:transform .2s ease,box-shadow .2s ease;height:100%}.about-team-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000014}.about-team-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;margin:0 auto .75rem}.about-team-name{font-weight:600;color:#1f2937;font-size:.92rem;margin-bottom:.15rem}.about-team-role{font-size:.75rem;color:#94a3b8;margin:0}.about-statement-card{position:relative;background:#fff;border-radius:18px;padding:2.25rem 2rem 1.75rem;border:1px solid #eaeaea;box-shadow:0 4px 12px #0000000a;max-width:760px;margin:0 auto;text-align:center}.about-statement-icon{font-size:1.6rem;margin-bottom:1rem;display:inline-block}.about-statement-text{font-size:1.3rem;line-height:1.7;color:#334155;margin:0 0 1rem;font-weight:500}.about-statement-attribution{color:#94a3b8;font-size:.85rem;font-style:italic}.about-mission-card{background:#fff;border-radius:14px;padding:1.5rem 1.25rem;border:1px solid #eaeaea;box-shadow:0 4px 12px #0000000a;height:100%;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.about-mission-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000014;border-color:var(--brand-accent)}.about-mission-num{display:inline-block;font-size:.8rem;font-weight:700;color:var(--brand-orange);letter-spacing:.08em;margin-bottom:.65rem}.about-mission-title{font-weight:600;color:#1f2937;font-size:1rem;margin-bottom:.5rem}.about-mission-text{color:#64748b;font-size:.88rem;line-height:1.55;margin:0}.about-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #eaeaea}.creator-thumb{display:flex;gap:1rem;align-items:center;padding:.85rem;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc}.creator-thumb-preview{flex:0 0 160px;height:100px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;overflow:hidden}.creator-thumb-preview img{width:100%;height:100%;object-fit:cover;display:block}.creator-thumb-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.policy-category-column{background:#fff;border-radius:18px;border:1px solid #eaeaea;box-shadow:0 4px 12px #0000000a;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.policy-category-column:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.policy-category-header{padding:1.25rem 1.5rem;font-weight:700;font-size:1.05rem;color:#fff;display:flex;align-items:center;justify-content:space-between}.policy-category-header.management{background-color:var(--brand-primary)}.policy-category-header.creative{background-color:var(--brand-yellow);color:var(--brand-primary)}.policy-category-header.lifestyle{background-color:var(--brand-orange)}.policy-category-body{padding:1.5rem;flex-grow:1}.policy-ordered-list{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:1.25rem;counter-reset:policy-counter}.policy-list-item{position:relative;padding-left:2.25rem;color:#475569;font-size:.92rem;line-height:1.6;font-weight:500}.policy-list-item:before{counter-increment:policy-counter;content:counter(policy-counter,decimal-leading-zero);position:absolute;left:0;top:.15rem;font-size:.75rem;font-weight:700;color:var(--brand-orange);letter-spacing:.05em}.signin-divider{display:flex;align-items:center;gap:.75rem;color:#94a3b8;font-size:.8rem}.signin-divider:before,.signin-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.tool-card{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:18px;padding:1.25rem 1.5rem;text-decoration:none;color:inherit;border:1px solid #eaeaea;box-shadow:0 4px 12px #0000000a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;height:100%}.tool-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000014;border-color:var(--tool-color, #cbd5e1);color:inherit}.tool-card .tool-icon{flex:0 0 56px;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;background:var(--tool-color, var(--brand-accent))}.tool-card .tool-meta h5{margin:0 0 .15rem;font-weight:600;font-size:1.05rem;color:#1f2937}.tool-card .tool-meta p{margin:0;font-size:.85rem;color:#64748b}.tool-card .tool-arrow{margin-left:auto;color:var(--tool-color, #94a3b8);font-size:1.3rem;opacity:0;transition:opacity .2s ease,transform .2s ease}.tool-card:hover .tool-arrow{opacity:1;transform:translate(2px)}.dept-card{background:#fff;border-radius:16px;padding:1.25rem 1rem;text-align:center;border:1px solid #eaeaea;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;height:100%;cursor:pointer}.dept-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000014;border-color:var(--dept-hover-color, #cbd5e1);color:inherit}.dept-card.is-current{border-color:var(--dept-color, #cbd5e1);background:linear-gradient(180deg,#fff 60%,color-mix(in srgb,var(--dept-color, #cbd5e1) 8%,white))}.dept-card .dept-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;background:var(--dept-color, var(--brand-accent))}.dept-card .dept-name{font-weight:600;font-size:.92rem;color:#1f2937;line-height:1.2}.dept-card .dept-tool{font-size:.75rem;color:#64748b}.dept-card.is-disabled{cursor:default;opacity:.85}.dept-card.is-disabled:hover{transform:none;box-shadow:none;border-color:#eaeaea}.form-container{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:var(--form-shadow, 0 4px 14px rgba(236, 72, 153, .22));max-width:800px;margin:auto}.form-label{font-weight:500;color:#475569;margin-bottom:.5rem}.form-control,.form-select{border-radius:10px;padding:.7rem 1rem;border:1.5px solid #e2e8f0;background-color:#f8fafc;transition:all .2s}.form-control:focus,.form-select:focus{border-color:var(--pink-500);background-color:#fff;box-shadow:0 0 0 4px #ec489926}textarea.form-control{resize:none;overflow:hidden;min-height:3rem}.radio-card-label{display:block;width:100%;text-align:left;padding:1rem;border:1.5px solid #e2e8f0;border-radius:12px;background-color:#fff;color:#475569;cursor:pointer;transition:all .2s ease}.radio-card-label:hover:not(.disabled){border-color:var(--pink-200);background-color:#f8fafc}.btn-check:checked+.radio-card-label{border-color:var(--pink-500);background-color:var(--pink-50);color:var(--pink-700);box-shadow:0 4px 12px #ec489926}.btn-check:checked+.radio-card-label .check-icon{color:var(--pink-500);opacity:1;transform:scale(1)}.check-icon{opacity:0;transform:scale(.5);transition:all .2s ease}.radio-card-label.disabled{opacity:.5;cursor:not-allowed;background-color:#f1f5f9}.pill-checkbox-label{border-radius:50px;padding:.5rem 1.2rem;border:1.5px solid #e2e8f0;color:#64748b;font-weight:400;cursor:pointer;transition:all .2s ease;background-color:#fff}.pill-checkbox-label:hover{background-color:#f8fafc;border-color:#cbd5e1}.btn-check:checked+.pill-checkbox-label.ig{background-color:#fff1f2;border-color:#e11d48;color:#e11d48}.btn-check:checked+.pill-checkbox-label.fb{background-color:#eff6ff;border-color:#2563eb;color:#2563eb}.btn-check:checked+.pill-checkbox-label.line{background-color:#f0fdf4;border-color:#16a34a;color:#16a34a}.btn-check:checked+.pill-checkbox-label.other{background-color:#f8fafc;border-color:#475569;color:#475569}.btn-submit{background-color:var(--pink-600);border-color:var(--pink-600);color:#fff;border-radius:10px;padding:.8rem;font-size:1.1rem;font-weight:500;box-shadow:var(--btn-shadow, 0 4px 14px rgba(236, 72, 153, .22));transition:all .3s ease}.btn-submit:hover{background-color:var(--pink-700);border-color:var(--pink-700);color:#fff;transform:translateY(-2px);box-shadow:var(--btn-hover-shadow, 0 12px 28px rgba(236, 72, 153, .38))}.modal-content{border-radius:20px;border:none}.modal-header{border-bottom:1px solid var(--pink-100);background-color:var(--pink-50);border-radius:20px 20px 0 0}.modal-title{color:var(--pink-900);font-weight:700}#modalBodyContent img{max-width:100%;height:auto;border-radius:10px;margin:10px 0}.caption-editor-shell{border:1.5px solid #e2e8f0;border-radius:10px;background-color:#fff;overflow:hidden}.caption-editor-shell .ql-toolbar.ql-snow{border:0;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc)}.caption-editor-shell .ql-container.ql-snow{border:0;font-family:Prompt,sans-serif;font-size:16px}#creatorQuillEditor{min-height:400px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"16px"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]:before{content:"10px"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]:before{content:"12px"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="13px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="13px"]:before{content:"13px"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]:before{content:"14px"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="15px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="15px"]:before{content:"15px"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]:before{content:"16px"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]:before{content:"18px"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]:before{content:"20px"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]:before{content:"24px"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]:before{content:"32px"}.tl-log{background:#f1f5f9;border-left:3px solid #94a3b8}.tl-remark-staff{background:#eff6ff;border-left:3px solid #3b82f6}.tl-remark-user{background:#f0fdf4;border-left:3px solid #22c55e}.shop-tab{--shop-50: #fff4ec;--shop-100: #ffe2cc;--shop-200: #ffc8a3;--shop-300: #ffa672;--shop-400: #ff8a4a;--shop-500: #ff6f30;--shop-550: #ff6f3e;--shop-600: #e8551a;--shop-700: #b73f12;--shop-900: #5e210a;--shop-cream-50: #fbf8ef;--shop-cream-100: #f4edda;--shop-cream-200: #ecdfbd;--shop-yellow-50: #fff6df;--shop-yellow-100: #ffecbf;--shop-yellow-500: #fdc55a;--shop-yellow-700: #a36c00;--src-project: #3b6fb0;--src-fund: #c98a1e;--src-rt: #b54a6c;--src-mdi: #2e8467;--src-merch: #6b6b6b;--status-pending: #b78103;--status-pending-bg:#fff7e0;--status-review: #6437b0;--status-review-bg: #efe6ff;--status-paid: #1f6fb0;--status-paid-bg: #e3f0ff;--status-produce: #b74819;--status-produce-bg:#ffece1;--status-ready: #18794e;--status-ready-bg: #e1f5ea;--status-done: #4f5c4d;--status-done-bg: #ececec;--status-cancel: #91272b;--status-cancel-bg: #fde3e3;--shop-ink-900: #1a1d1f;--shop-ink-700: #34373a;--shop-ink-500: #6b7075;--shop-ink-300: #b8bcc2;--shop-ink-100: #ebecee;--shop-ink-50: #f5f6f7;--shop-shadow-sm: 0 1px 2px rgba(20, 20, 20, .05);--shop-shadow-md: 0 4px 14px rgba(20, 20, 20, .08);--shop-shadow-lg: 0 18px 40px -16px rgba(20, 20, 20, .22);--shop-radius-sm: 6px;--shop-radius: 10px;--shop-radius-lg: 16px;--shop-card-gap: 1.25rem}#pills-shop.shop-tab,#adminShopSection.shop-tab{background:radial-gradient(900px 420px at 10% -10%,#f4edda8c,#f4edda00 60%),radial-gradient(700px 420px at 110% 10%,#ffe2cc59,#ffe2cc00 55%),transparent;border-radius:var(--shop-radius-lg);padding-bottom:4rem}.shop-tab .font-prompt{font-family:Prompt,Noto Sans Thai,sans-serif}.shop-tab .font-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.shop-tab .shop-subnav{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem;background:#fff;border-radius:999px;box-shadow:var(--shop-shadow-sm);width:fit-content;margin:1.25rem auto 1.5rem;border:1px solid var(--shop-cream-100)}.shop-tab .shop-subnav button{border:0;background:transparent;padding:.55rem 1.15rem;border-radius:999px;font-weight:600;color:var(--shop-ink-500);font-size:.92rem;display:inline-flex;align-items:center;gap:.4rem;transition:background .15s,color .15s}.shop-tab .shop-subnav button:hover{color:var(--shop-700)}.shop-tab .shop-subnav button.is-active{background:var(--brand-orange);color:#fff;box-shadow:0 4px 12px -4px #ff6f308c}.shop-tab .shop-subnav .count-pill{background:#ffffff40;border-radius:999px;padding:0 .45rem;font-size:.75rem;min-width:1.4em;text-align:center}.shop-tab .shop-subnav button:not(.is-active) .count-pill{background:var(--shop-ink-100);color:var(--shop-ink-700)}.shop-tab .btn-shop{background:var(--brand-orange);color:#fff;border:none;font-weight:600;padding:.5rem 1.1rem;border-radius:999px;transition:background .15s,transform .05s,box-shadow .15s}.shop-tab .btn-shop:hover{background:var(--brand-coral);color:#fff;box-shadow:0 6px 16px -6px #ff6f308c}.shop-tab .btn-shop:active{transform:translateY(1px)}.shop-tab .btn-shop:disabled{background:var(--shop-ink-300);cursor:not-allowed;box-shadow:none}.shop-tab .btn-ghost{background:transparent;border:1px solid var(--shop-ink-100);border-radius:999px;padding:.4rem 1rem;color:var(--shop-ink-700);font-weight:500;transition:border-color .15s,color .15s}.shop-tab .btn-ghost:hover{border-color:var(--shop-300);color:var(--shop-700)}.shop-tab .text-accent{color:var(--brand-orange)}.shop-tab .pickup-banner{background:radial-gradient(800px 240px at 110% 0%,#fdc55a99,#fdc55a00 60%),linear-gradient(120deg,var(--brand-orange) 0%,var(--brand-coral) 60%,#ff8a4a 100%);color:#fff;border-radius:var(--shop-radius-lg);padding:1.5rem 1.75rem;margin-bottom:1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;box-shadow:0 14px 40px -12px #ff6f3073;position:relative;overflow:hidden}.shop-tab .pickup-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 2px,transparent 2px,transparent 12px);pointer-events:none}.shop-tab .pickup-banner .pb-kicker{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-weight:600}.shop-tab .pickup-banner .pb-title{font-family:Prompt,sans-serif;font-size:1.45rem;font-weight:700;margin:.25rem 0 .5rem;line-height:1.25}.shop-tab .pickup-banner .pb-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.88rem;opacity:.95}.shop-tab .pickup-banner .pb-meta b{font-weight:600}.shop-tab .pickup-banner .pb-cta{background:var(--brand-cream);color:var(--shop-700);border:0;font-weight:600;padding:.6rem 1.2rem;border-radius:999px;white-space:nowrap;transition:background .15s,transform .05s}.shop-tab .pickup-banner .pb-cta:hover{background:#fff;transform:translateY(-1px)}.shop-tab .launch-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.85rem;margin-bottom:1.5rem}.shop-tab .launch-card{background:#fff;border-radius:var(--shop-radius);padding:.85rem;display:flex;gap:.75rem;align-items:center;box-shadow:var(--shop-shadow-sm);cursor:pointer;border:1px solid transparent;transition:border-color .15s,transform .12s}.shop-tab .launch-card:hover{border-color:var(--brand-orange);transform:translateY(-2px);box-shadow:0 8px 20px -10px #ff6f3059}.shop-tab .launch-thumb{width:56px;height:56px;border-radius:var(--shop-radius-sm);flex:0 0 auto;background-size:cover;background-position:center}.shop-tab .launch-card .lc-name{font-weight:600;font-size:.9rem;color:var(--shop-ink-900);line-height:1.2}.shop-tab .launch-card .lc-date{font-size:.75rem;color:var(--shop-ink-500)}.shop-tab .launch-card .lc-new{display:inline-block;background:var(--shop-600);color:#fff;font-size:.65rem;font-weight:700;padding:.05rem .35rem;border-radius:4px;letter-spacing:.05em;margin-left:.35rem}.shop-tab .filter-bar{background:#fff;border-radius:var(--shop-radius);padding:1rem 1.1rem;box-shadow:var(--shop-shadow-sm);margin-bottom:1rem;display:grid;gap:.75rem;border:1px solid var(--shop-cream-100)}.shop-tab .filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.shop-tab .filter-label{font-size:.8rem;font-weight:600;color:var(--shop-ink-500);text-transform:uppercase;letter-spacing:.04em;min-width:64px}.shop-tab .chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border-radius:999px;font-size:.82rem;font-weight:500;background:var(--shop-ink-50);color:var(--shop-ink-700);border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.shop-tab .chip:hover{background:var(--shop-ink-100)}.shop-tab .chip.is-active{background:var(--shop-100);color:var(--shop-700);border-color:var(--shop-300)}.shop-tab .chip .chip-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.shop-tab .chip[data-src=project] .chip-dot{background:var(--src-project)}.shop-tab .chip[data-src=fund] .chip-dot{background:var(--src-fund)}.shop-tab .chip[data-src=rt] .chip-dot{background:var(--src-rt)}.shop-tab .chip[data-src=mdi] .chip-dot{background:var(--src-mdi)}.shop-tab .chip[data-src=merch] .chip-dot{background:var(--src-merch)}.shop-tab .filter-bar .form-control,.shop-tab .filter-bar .form-select{font-size:.9rem;max-width:240px}.shop-tab .shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--shop-card-gap, 1.25rem)}.shop-tab .product-card{background:#fff;border-radius:var(--shop-radius);overflow:hidden;box-shadow:var(--shop-shadow-sm);display:flex;flex-direction:column;border:1px solid transparent;transition:transform .15s,border-color .15s,box-shadow .15s;cursor:pointer}.shop-tab .product-card:hover{transform:translateY(-3px);border-color:var(--brand-orange);box-shadow:0 14px 28px -16px #ff6f3059,var(--shop-shadow-md)}.shop-tab .product-thumb{aspect-ratio:4 / 5;background:var(--shop-ink-50);position:relative;overflow:hidden;background-size:cover;background-position:center}.shop-tab .product-thumb img.product-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.shop-tab .product-thumb .ribbons{position:absolute;top:.6rem;left:.6rem;display:flex;flex-wrap:wrap;gap:.3rem}.shop-tab .product-thumb .ribbon-new{background:var(--shop-600);color:#fff;font-size:.7rem;font-weight:700;padding:.12rem .45rem;border-radius:4px;letter-spacing:.05em}.shop-tab .product-thumb .ribbon-presale{background:var(--brand-yellow);color:var(--shop-yellow-700);font-size:.7rem;font-weight:700;padding:.12rem .45rem;border-radius:4px}.shop-tab .product-body{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.shop-tab .product-source{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--shop-ink-500)}.shop-tab .product-source .src-dot{width:7px;height:7px;border-radius:50%}.shop-tab .product-source[data-src=project] .src-dot{background:var(--src-project)}.shop-tab .product-source[data-src=fund] .src-dot{background:var(--src-fund)}.shop-tab .product-source[data-src=rt] .src-dot{background:var(--src-rt)}.shop-tab .product-source[data-src=mdi] .src-dot{background:var(--src-mdi)}.shop-tab .product-source[data-src=merch] .src-dot{background:var(--src-merch)}.shop-tab .product-name{font-family:Prompt,sans-serif;font-weight:600;color:var(--shop-ink-900);font-size:1rem;line-height:1.25}.shop-tab .product-meta{font-size:.8rem;color:var(--shop-ink-500);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.shop-tab .product-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--shop-ink-300)}.shop-tab .product-foot{margin-top:auto;padding-top:.4rem;display:flex;align-items:center;justify-content:space-between}.shop-tab .product-price{font-family:Prompt,sans-serif;font-weight:700;color:var(--shop-ink-900);font-size:1.05rem}.shop-tab .product-price .baht{font-size:.82rem;font-weight:500;color:var(--shop-ink-500);margin-right:.15rem}.shop-tab .product-card .add-btn{background:var(--shop-cream-100);color:var(--shop-700);border:0;border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.shop-tab .product-card .add-btn:hover{background:var(--brand-orange);color:#fff}.shop-tab .stripe-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 8px,transparent 8px,transparent 16px);display:grid;place-items:center;color:var(--shop-ink-500);font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.04em;text-align:center;padding:1rem}.shop-tab .product-detail-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.shop-tab .product-detail-grid{grid-template-columns:1fr 1fr}}.shop-tab .detail-hero{aspect-ratio:4/5;border-radius:var(--shop-radius);overflow:hidden;background:var(--shop-ink-50);position:relative;background-size:cover;background-position:center}.shop-tab .detail-info h3{font-family:Prompt,sans-serif;font-weight:700;margin:0 0 .25rem;font-size:1.55rem;color:var(--shop-ink-900)}.shop-tab .detail-info .detail-price{font-family:Prompt,sans-serif;font-size:1.6rem;font-weight:700;color:var(--shop-700);margin:.5rem 0 1rem}.shop-tab .detail-info .detail-desc{color:var(--shop-ink-700);line-height:1.55;font-size:.92rem;margin-bottom:1rem;white-space:pre-wrap}.shop-tab .variant-group{margin-bottom:1rem}.shop-tab .variant-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--shop-ink-500);margin-bottom:.4rem}.shop-tab .variant-options{display:flex;flex-wrap:wrap;gap:.4rem}.shop-tab .variant-btn{background:#fff;border:1.5px solid var(--shop-ink-100);color:var(--shop-ink-700);padding:.4rem .85rem;border-radius:8px;font-weight:500;font-size:.88rem;min-width:44px;text-align:center;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.shop-tab .variant-btn:hover{border-color:var(--shop-300)}.shop-tab .variant-btn.is-selected{border-color:var(--shop-500);background:var(--shop-50);color:var(--shop-700)}.shop-tab .variant-swatch.is-selected{box-shadow:0 0 0 2px var(--shop-600);transform:scale(1.05)}.shop-tab .variant-btn.is-disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.shop-tab .variant-swatch{width:32px;height:32px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--shop-ink-100);cursor:pointer;position:relative;transition:box-shadow .15s,transform .05s}.shop-tab .variant-swatch.is-disabled{opacity:.35;cursor:not-allowed}.shop-tab .qty-stepper{display:inline-flex;align-items:center;background:#fff;border:1.5px solid var(--shop-ink-100);border-radius:999px}.shop-tab .qty-stepper button{width:36px;height:36px;border:0;background:transparent;color:var(--shop-ink-700);font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center}.shop-tab .qty-stepper button:disabled{color:var(--shop-ink-300)}.shop-tab .qty-stepper input{width:44px;text-align:center;border:0;background:transparent;font-weight:600;color:var(--shop-ink-900);font-size:1rem}.shop-tab .detail-presale{background:var(--shop-50);border-left:3px solid var(--shop-400);border-radius:6px;padding:.6rem .85rem;font-size:.85rem;color:var(--shop-700);margin-bottom:1rem}.shop-tab .cart-empty{text-align:center;padding:3rem 1rem;color:var(--shop-ink-500)}.shop-tab .cart-empty i{font-size:3rem;color:var(--shop-ink-300)}.shop-tab .cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--shop-ink-100)}.shop-tab .cart-item-thumb{width:64px;height:80px;border-radius:8px;overflow:hidden;background:var(--shop-ink-50);background-size:cover;background-position:center}.shop-tab .cart-item-name{font-weight:600;color:var(--shop-ink-900);font-size:.92rem;line-height:1.2}.shop-tab .cart-item-variant{color:var(--shop-ink-500);font-size:.78rem;margin-top:.15rem}.shop-tab .cart-item-actions{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.shop-tab .cart-item-remove{background:none;border:0;color:var(--shop-ink-500);font-size:.78rem;padding:0;cursor:pointer}.shop-tab .cart-item-remove:hover{color:var(--shop-700)}.shop-tab .cart-qty-mini{display:inline-flex;align-items:center;border:1px solid var(--shop-ink-100);border-radius:6px}.shop-tab .cart-qty-mini button{width:24px;height:24px;border:0;background:transparent;color:var(--shop-ink-700);padding:0;line-height:1}.shop-tab .cart-qty-mini span{padding:0 .45rem;font-weight:600;font-size:.8rem;min-width:28px;text-align:center}.shop-tab .cart-item-price{font-weight:700;color:var(--shop-ink-900);font-size:.95rem}.shop-tab .cart-total-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.9rem;color:var(--shop-ink-500)}.shop-tab .cart-total-row.grand{font-size:1.1rem;font-weight:700;color:var(--shop-ink-900);margin-top:.35rem;padding-top:.6rem;border-top:1px solid var(--shop-ink-100)}.shop-tab .cart-total-row.grand .amount{color:var(--shop-700);font-family:Prompt,sans-serif}.shop-tab .checkout-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:992px){.shop-tab .checkout-grid{grid-template-columns:1fr 380px}}.shop-tab .checkout-panel{background:#fff;border-radius:var(--shop-radius-lg);padding:1.5rem;box-shadow:var(--shop-shadow-sm)}.shop-tab .checkout-panel h4{font-family:Prompt,sans-serif;font-weight:700;font-size:1.15rem;color:var(--shop-ink-900);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.shop-tab .checkout-panel h4 .step-num{width:26px;height:26px;border-radius:50%;background:var(--shop-600);color:#fff;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center}.shop-tab .qr-card{background:linear-gradient(180deg,#fff 0%,var(--shop-cream-50) 100%);border:1px solid var(--shop-cream-200);border-radius:var(--shop-radius);padding:1.25rem;text-align:center}.shop-tab .qr-card .qr-img{width:220px;height:220px;background:#fff;border-radius:8px;margin:0 auto .75rem;display:grid;place-items:center;border:1px solid var(--shop-ink-100);overflow:hidden}.shop-tab .qr-card .qr-img img{width:100%;height:100%;object-fit:contain}.shop-tab .qr-card .qr-label{font-size:.8rem;color:var(--shop-ink-500)}.shop-tab .qr-card .qr-name{font-weight:600;color:var(--shop-ink-900);margin-top:.25rem}.shop-tab .qr-card .qr-amount{font-family:Prompt,sans-serif;font-size:1.7rem;font-weight:700;color:var(--shop-700);margin-top:.75rem}.shop-tab .qr-card .qr-amount .baht{font-size:.9rem;color:var(--shop-ink-500);font-weight:500}.shop-tab .qr-card .qr-copy{background:none;border:0;font-size:.8rem;color:var(--shop-ink-500);margin-top:.25rem;padding:0}.shop-tab .qr-card .qr-copy:hover{color:var(--shop-700)}.shop-tab .slip-drop{border:1.5px dashed var(--shop-ink-100);border-radius:var(--shop-radius);padding:1.5rem 1rem;text-align:center;background:var(--shop-ink-50);transition:border-color .15s,background .15s;cursor:pointer}.shop-tab .slip-drop:hover{border-color:var(--shop-400);background:var(--shop-50)}.shop-tab .slip-drop.is-filled{border-color:var(--brand-accent);background:#f0faf2}.shop-tab .slip-drop i{font-size:1.8rem;color:var(--shop-ink-500)}.shop-tab .slip-drop.is-filled i{color:var(--brand-accent)}.shop-tab .slip-drop .slip-hint{font-size:.82rem;color:var(--shop-ink-500);margin-top:.25rem}.shop-tab .slip-drop .slip-filename{font-weight:600;color:var(--shop-ink-900);margin-top:.25rem}.shop-tab .summary-line{display:flex;justify-content:space-between;font-size:.9rem;padding:.35rem 0;color:var(--shop-ink-700)}.shop-tab .summary-line.grand{font-size:1.15rem;font-weight:700;color:var(--shop-ink-900);border-top:1px solid var(--shop-ink-100);margin-top:.5rem;padding-top:.75rem}.shop-tab .summary-line.grand .amount{color:var(--shop-700);font-family:Prompt,sans-serif}.shop-tab .order-card{background:#fff;border-radius:var(--shop-radius-lg);box-shadow:var(--shop-shadow-sm);padding:1.25rem 1.5rem;margin-bottom:1rem;border-left:4px solid var(--shop-300)}.shop-tab .order-card[data-status=pending]{border-left-color:var(--status-pending)}.shop-tab .order-card[data-status=review]{border-left-color:var(--status-review)}.shop-tab .order-card[data-status=paid]{border-left-color:var(--status-paid)}.shop-tab .order-card[data-status=produce]{border-left-color:var(--status-produce)}.shop-tab .order-card[data-status=ready]{border-left-color:var(--status-ready)}.shop-tab .order-card[data-status=done]{border-left-color:var(--status-done)}.shop-tab .order-card[data-status=cancel]{border-left-color:var(--status-cancel)}.shop-tab .order-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;justify-content:space-between;margin-bottom:1rem}.shop-tab .order-id{font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--shop-ink-500)}.shop-tab .order-date{color:var(--shop-ink-500);font-size:.82rem}.shop-tab .status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:999px;font-weight:600;font-size:.8rem}.shop-tab .status-pill[data-status=pending]{background:var(--status-pending-bg);color:var(--status-pending)}.shop-tab .status-pill[data-status=review]{background:var(--status-review-bg);color:var(--status-review)}.shop-tab .status-pill[data-status=paid]{background:var(--status-paid-bg);color:var(--green-700)}.shop-tab .status-pill[data-status=produce]{background:var(--status-produce-bg);color:var(--status-produce)}.shop-tab .status-pill[data-status=ready]{background:#e1f5e6;color:var(--brand-accent)}.shop-tab .status-pill[data-status=done]{background:var(--status-done-bg);color:var(--status-done)}.shop-tab .status-pill[data-status=cancel]{background:var(--status-cancel-bg);color:var(--status-cancel)}.shop-tab .status-pill .pulse{width:7px;height:7px;border-radius:50%;background:currentColor}.shop-tab .status-pill[data-status=ready] .pulse,.shop-tab .status-pill[data-status=produce] .pulse{animation:shopStatusPulse 1.4s ease-in-out infinite}@keyframes shopStatusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}.shop-tab .progress-track{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:0 0 1rem;position:relative}.shop-tab .progress-step{position:relative;text-align:center;padding-top:28px;font-size:.72rem;color:var(--shop-ink-500);line-height:1.2}.shop-tab .progress-step .pdot{position:absolute;top:4px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:var(--shop-ink-100);border:2px solid #fff;box-shadow:0 0 0 1.5px var(--shop-ink-100);z-index:2}.shop-tab .progress-step:before{content:"";position:absolute;top:10px;left:0;right:50%;height:2px;background:var(--shop-ink-100);z-index:1}.shop-tab .progress-step:after{content:"";position:absolute;top:10px;left:50%;right:0;height:2px;background:var(--shop-ink-100);z-index:1}.shop-tab .progress-step:first-child:before{display:none}.shop-tab .progress-step:last-child:after{display:none}.shop-tab .progress-step.is-done .pdot,.shop-tab .progress-step.is-current .pdot{background:var(--shop-600);box-shadow:0 0 0 1.5px var(--shop-600)}.shop-tab .progress-step.is-done:before,.shop-tab .progress-step.is-current:before{background:var(--shop-600)}.shop-tab .progress-step.is-done:after{background:var(--shop-600)}.shop-tab .progress-step.is-current{color:var(--shop-700);font-weight:600}.shop-tab .progress-step.is-current .pdot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--shop-300);animation:shopPulseRing 1.6s ease-in-out infinite}@keyframes shopPulseRing{0%{transform:scale(.85);opacity:1}to{transform:scale(1.8);opacity:0}}.shop-tab .progress-step.is-cancel .pdot{background:var(--status-cancel);box-shadow:0 0 0 1.5px var(--status-cancel)}.shop-tab .order-items-row{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:var(--shop-ink-700)}.shop-tab .order-mini{display:flex;align-items:center;gap:.5rem;background:var(--shop-ink-50);padding:.35rem .65rem .35rem .35rem;border-radius:999px;font-size:.82rem}.shop-tab .order-mini .om-thumb{width:26px;height:32px;border-radius:4px;flex:0 0 auto;background:var(--shop-ink-100);background-size:cover;background-position:center}.shop-tab .order-mini .om-qty{color:var(--shop-ink-500)}.shop-tab .order-pickup-callout{margin-top:1rem;background:linear-gradient(95deg,#e7f6ec,#f3faf2);border:1px solid #c8e8d0;border-radius:var(--shop-radius);padding:.85rem 1rem;display:grid;grid-template-columns:32px 1fr auto;gap:.75rem;align-items:center}.shop-tab .order-pickup-callout i{color:var(--brand-accent);font-size:1.4rem}.shop-tab .order-pickup-callout .opc-title{font-weight:600;color:var(--brand-primary);font-size:.92rem}.shop-tab .order-pickup-callout .opc-meta{font-size:.85rem;color:var(--shop-ink-700)}.shop-tab .order-pickup-callout .opc-dates{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.3rem}.shop-tab .order-pickup-callout .opc-date{background:#fff;border:1px solid var(--shop-ink-100);border-radius:6px;padding:.15rem .5rem;font-size:.78rem;font-weight:500;color:var(--shop-ink-700)}.shop-tab .order-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.shop-tab .contact-fallback{background:var(--shop-yellow-50);border:1px solid var(--shop-yellow-100);border-radius:var(--shop-radius);padding:1rem 1.25rem;margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.88rem;color:var(--shop-ink-700)}.shop-tab .contact-fallback .cf-icons{display:flex;gap:.5rem;align-items:center;color:var(--shop-ink-500)}.shop-tab .contact-fallback .cf-icons a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.shop-tab .contact-fallback .cf-icons a:hover{color:var(--shop-700)}.shop-tab .admin-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.shop-tab .admin-tabs button{background:#fff;border:1px solid var(--shop-ink-100);padding:.45rem 1rem;border-radius:999px;font-size:.88rem;color:var(--shop-ink-700);font-weight:500}.shop-tab .admin-tabs button.is-active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 4px 12px -4px #10592266}.shop-tab .admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.shop-tab .stat-card{background:#fff;border-radius:var(--shop-radius);padding:1rem 1.25rem;box-shadow:var(--shop-shadow-sm);position:relative}.shop-tab .stat-card .stat-label{font-size:.78rem;color:var(--shop-ink-500);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.shop-tab .stat-card .stat-value{font-family:Prompt,sans-serif;font-size:1.7rem;font-weight:700;color:var(--shop-ink-900)}.shop-tab .stat-card .stat-suffix{font-size:.9rem;color:var(--shop-ink-500);font-weight:400;margin-left:.15rem}.shop-tab .stat-card .stat-delta{font-size:.75rem;color:var(--brand-accent)}.shop-tab .stat-card.is-warning{border-left:4px solid var(--status-pending)}.shop-tab .stat-card.is-ready{border-left:4px solid var(--status-ready)}.shop-tab .admin-table{background:#fff;border-radius:var(--shop-radius);overflow:hidden;box-shadow:var(--shop-shadow-sm)}.shop-tab .admin-table .table{margin:0;font-size:.88rem}.shop-tab .admin-table .table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--shop-ink-500);font-weight:600;border-bottom:1px solid var(--shop-ink-100);background:var(--shop-ink-50);padding:.65rem 1rem}.shop-tab .admin-table .table td{padding:.85rem 1rem;vertical-align:middle;border-bottom:1px solid var(--shop-ink-100)}.shop-tab .admin-table .table tr:last-child td{border-bottom:0}.shop-tab .admin-table tbody tr.is-clickable{transition:background .12s}.shop-tab .admin-table tbody tr.is-clickable:hover{background:var(--shop-50);cursor:pointer}.shop-tab .row-customer{display:flex;align-items:center;gap:.55rem}.shop-tab .row-customer .ravatar{width:30px;height:30px;border-radius:50%;background:var(--shop-100);color:var(--shop-700);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.78rem}.shop-tab .row-customer .rname{font-weight:600;color:var(--shop-ink-900)}.shop-tab .row-customer .rsub{font-size:.76rem;color:var(--shop-ink-500)}.shop-tab .admin-detail-card{background:#fff;border-radius:var(--shop-radius-lg);padding:1.5rem;box-shadow:var(--shop-shadow-md)}.shop-tab .admin-detail-card h5{font-family:Prompt,sans-serif;font-weight:700;font-size:1.05rem;margin:0 0 .85rem;color:var(--shop-ink-900)}.shop-tab .slip-thumb{width:100%;max-width:320px;min-height:220px;background:var(--shop-ink-50);border-radius:var(--shop-radius);display:grid;place-items:center;border:1px dashed var(--shop-ink-100);color:var(--shop-ink-500);font-size:.82rem;margin-bottom:.75rem;overflow:hidden}.shop-tab .slip-thumb img{max-width:100%;max-height:360px;display:block;object-fit:contain}.shop-tab .batch-card{background:#fff;border-radius:var(--shop-radius);padding:1rem 1.25rem;box-shadow:var(--shop-shadow-sm);margin-bottom:.75rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.shop-tab .batch-card .b-name{font-weight:700;color:var(--shop-ink-900)}.shop-tab .batch-card .b-meta{font-size:.82rem;color:var(--shop-ink-500)}.shop-tab .shop-page-title{font-family:Prompt,sans-serif;font-weight:700;color:var(--shop-ink-900);font-size:1.55rem;margin:0 0 .25rem}.shop-tab .shop-page-sub{color:var(--shop-ink-500);margin:0 0 1.25rem}.shop-tab .empty-state{text-align:center;padding:4rem 1rem;color:var(--shop-ink-500)}.shop-tab .empty-state i{font-size:3rem;color:var(--shop-ink-300)}.shop-tab .empty-state h4{margin-top:1rem;font-weight:600;color:var(--shop-ink-700)}.shop-tab .empty-state p{color:var(--shop-ink-500)}.shop-cart-fab{position:fixed;bottom:1.25rem;right:1.25rem;background:var(--brand-orange);color:#fff;border:0;width:60px;height:60px;border-radius:50%;box-shadow:0 14px 34px -10px #ff6f3099;display:grid;place-items:center;font-size:1.5rem;z-index:1080;transition:transform .15s,background .15s}.shop-cart-fab:hover{background:var(--brand-coral);transform:translateY(-2px)}.shop-cart-fab .cart-fab-count{position:absolute;top:-4px;right:-4px;background:var(--brand-primary);color:#fff;font-size:.7rem;font-weight:700;border-radius:999px;min-width:22px;padding:.15rem .35rem;border:2px solid #fff}@media(max-width:575px){.shop-tab .shop-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.shop-tab .product-body{padding:.65rem .75rem .75rem}.shop-tab .product-name{font-size:.88rem}.shop-tab .pickup-banner{grid-template-columns:1fr;padding:1.25rem}.shop-tab .pickup-banner .pb-cta{width:100%}}.projects-tab{--p-bg: #ffffff;--p-line: #e5e7eb;--p-line-soft: #f1f5f9;--p-muted: #6b7280;--p-text: #111827;--p-accent: #105922;--p-accent-soft:#e6f2ec;--p-warn: #d97706;--p-warn-soft: #fef3c7;--p-danger: #dc2626;--p-danger-soft:#fee2e2;--p-ok: #16a34a;--p-ok-soft: #dcfce7;--p-info: #2563eb;--p-info-soft: #dbeafe}.projects-tab .projects-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 4px 8px}.projects-tab .projects-title{font-family:Prompt,sans-serif;font-weight:700;font-size:1.4rem;margin:0;color:var(--p-accent)}.projects-tab .projects-subtitle{margin:4px 0 0;color:var(--p-muted);font-size:.9rem}.projects-tab .projects-subnav{display:flex;gap:6px;border-bottom:1px solid var(--p-line);margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.projects-tab .projects-subnav button{border:none;background:transparent;color:var(--p-muted);font-weight:500;padding:10px 14px;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s}.projects-tab .projects-subnav button:hover{color:var(--p-text)}.projects-tab .projects-subnav button.is-active{color:var(--p-accent);border-bottom-color:var(--p-accent);font-weight:600}.projects-tab .projects-subnav i{margin-right:6px}.projects-tab .projects-layout{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:16px;min-height:60vh}@media(max-width:767.98px){.projects-tab .projects-layout{grid-template-columns:1fr}.projects-tab .projects-detail-pane,.projects-tab .projects-layout.is-detail-open .projects-list-pane{display:none}.projects-tab .projects-layout.is-detail-open .projects-detail-pane{display:block}}.projects-tab .projects-list-pane{background:var(--p-bg);border:1px solid var(--p-line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 220px)}.projects-tab .projects-list-toolbar{display:flex;flex-direction:column;gap:8px}.projects-tab .projects-search .form-control{font-size:.9rem}.projects-tab .projects-filter-row{display:flex;flex-wrap:wrap;gap:6px}.projects-tab .projects-chip{font-size:.78rem;border:1px solid var(--p-line);background:#fff;color:var(--p-muted);padding:4px 12px;border-radius:999px;transition:all .15s}.projects-tab .projects-chip:hover{color:var(--p-text);border-color:#cbd5e1}.projects-tab .projects-chip.is-active{background:var(--p-accent);border-color:var(--p-accent);color:#fff;font-weight:600}.projects-tab .projects-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.projects-tab .projects-empty{text-align:center;color:var(--p-muted);padding:32px 16px}.projects-tab .projects-empty i{font-size:2rem;opacity:.5}.projects-tab .projects-card{text-align:left;background:#fff;border:1px solid var(--p-line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,background .15s,transform .05s;cursor:pointer}.projects-tab .projects-card:hover{border-color:var(--p-accent);background:#fbfdfb}.projects-tab .projects-card.is-active{border-color:var(--p-accent);background:var(--p-accent-soft)}.projects-tab .projects-card:active{transform:scale(.99)}.projects-tab .projects-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.projects-tab .projects-card-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;color:var(--p-muted)}.projects-tab .projects-card-title{font-weight:600;color:var(--p-text);line-height:1.3}.projects-tab .projects-card-sub{font-size:.82rem;color:var(--p-muted);line-height:1.4}.projects-tab .projects-card-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.78rem;color:var(--p-muted)}.projects-tab .projects-card-foot{font-size:.72rem;color:var(--p-muted)}.projects-tab .projects-status-pill{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--p-line-soft);color:var(--p-text)}.projects-tab .projects-status-pill.is-open{background:var(--p-info-soft);color:var(--p-info)}.projects-tab .projects-status-pill.is-progress{background:var(--p-warn-soft);color:var(--p-warn)}.projects-tab .projects-status-pill.is-done,.projects-tab .projects-status-pill.is-completed{background:var(--p-ok-soft);color:var(--p-ok)}.projects-tab .projects-status-pill.is-cancel{background:var(--p-line-soft);color:var(--p-muted)}.projects-tab .projects-status-pill.is-sent,.projects-tab .projects-status-pill.is-received{background:var(--p-info-soft);color:var(--p-info)}.projects-tab .projects-status-pill.is-returned{background:var(--p-danger-soft);color:var(--p-danger)}.projects-tab .projects-status-pill.is-draft{background:var(--p-line-soft);color:var(--p-muted)}.projects-tab .projects-type-pill{display:inline-flex;align-items:center;font-size:.72rem;padding:2px 8px;border-radius:6px;background:var(--p-accent-soft);color:var(--p-accent);font-weight:500}.projects-tab .projects-detail-pane{background:#fff;border:1px solid var(--p-line);border-radius:12px;padding:20px;min-height:60vh;overflow-y:auto;max-height:calc(100vh - 220px)}.projects-tab .projects-detail-empty{text-align:center;color:var(--p-muted);padding:64px 24px}.projects-tab .projects-detail-empty i{font-size:2.5rem;opacity:.4}.projects-tab .projects-detail-empty h4{font-size:1.05rem;margin-top:12px}.projects-tab .projects-detail-empty p{font-size:.85rem}.projects-tab .projects-detail-head{border-bottom:1px solid var(--p-line);padding-bottom:16px;margin-bottom:16px}.projects-tab .projects-back-btn{border:none;background:transparent;font-size:1.4rem;color:var(--p-muted);padding:4px 8px;margin:-4px 0 8px -8px}.projects-tab .projects-detail-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;color:var(--p-muted)}.projects-tab .projects-detail-title{font-weight:700;font-size:1.25rem;color:var(--p-text);margin:2px 0 6px}.projects-tab .projects-detail-desc{color:var(--p-muted);font-size:.92rem;margin-bottom:8px}.projects-tab .projects-detail-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.projects-tab .projects-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.projects-tab .projects-docs-wrap{display:flex;flex-direction:column;gap:16px}.projects-tab .projects-doc{background:#fafafa;border:1px solid var(--p-line);border-radius:10px;padding:16px}.projects-tab .projects-doc-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px}.projects-tab .projects-doc-seq{font-weight:700;color:var(--p-accent);background:var(--p-accent-soft);padding:2px 10px;border-radius:999px;font-size:.8rem}.projects-tab .projects-doc-title{font-weight:600;font-size:1.02rem;color:var(--p-text);flex:1 1 auto}.projects-tab .projects-doc-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.projects-tab .projects-doc-note{background:#fff;border-left:3px solid var(--p-accent);padding:8px 12px;margin:8px 0;border-radius:6px;font-size:.88rem;color:var(--p-text)}.projects-tab .projects-doc-return{background:var(--p-danger-soft);border-left:3px solid var(--p-danger);padding:8px 12px;margin:8px 0;border-radius:6px;font-size:.88rem;color:#7f1d1d}.projects-tab .projects-progress{display:flex;align-items:center;gap:6px;padding:12px 0;border-top:1px dashed var(--p-line);border-bottom:1px dashed var(--p-line);margin:8px 0 12px}.projects-tab .projects-step{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;flex:0 0 auto;min-width:60px}.projects-tab .projects-step-dot{width:26px;height:26px;border-radius:50%;background:var(--p-line);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.projects-tab .projects-step.is-done .projects-step-dot{background:var(--p-ok)}.projects-tab .projects-step.is-current .projects-step-dot{background:var(--p-accent);box-shadow:0 0 0 4px var(--p-accent-soft)}.projects-tab .projects-step-label{font-size:.72rem;color:var(--p-muted);white-space:nowrap}.projects-tab .projects-step.is-current .projects-step-label{color:var(--p-accent);font-weight:600}.projects-tab .projects-step-bar{flex:1 1 auto;height:2px;background:var(--p-line);margin-top:-16px}.projects-tab .projects-progress.is-returned{border:1px solid var(--p-danger-soft);background:var(--p-danger-soft);color:#7f1d1d;border-radius:8px;padding:10px 14px;font-weight:600;font-size:.88rem;justify-content:flex-start}.projects-tab .projects-progress.is-cancel{border:1px solid var(--p-line);background:var(--p-line-soft);color:var(--p-muted);border-radius:8px;padding:10px 14px;font-weight:500;font-size:.88rem;justify-content:flex-start}.projects-tab .projects-doc-files{background:#fff;border:1px solid var(--p-line);border-radius:8px;padding:10px 12px;margin:10px 0}.projects-tab .projects-files-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.88rem;color:var(--p-text);margin-bottom:6px}.projects-tab .projects-files-list{display:flex;flex-direction:column;gap:6px}.projects-tab .projects-file{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--p-line-soft);border-radius:6px;background:#fafbfc;flex-wrap:wrap}.projects-tab .projects-file-icon{color:var(--p-accent);font-size:1.4rem}.projects-tab .projects-file-info{flex:1 1 200px;min-width:0}.projects-tab .projects-file-name{font-weight:500;color:var(--p-text);text-decoration:none;word-break:break-word}.projects-tab .projects-file-name:hover{color:var(--p-accent);text-decoration:underline}.projects-tab .projects-file-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.72rem;color:var(--p-muted)}.projects-tab .projects-file-history{flex:1 1 100%;margin-top:6px;padding-top:6px;border-top:1px dashed var(--p-line);font-size:.78rem}.projects-tab .projects-file-history summary{cursor:pointer;color:var(--p-muted);-webkit-user-select:none;user-select:none}.projects-tab .projects-file-old{margin:4px 0 0 20px;font-size:.78rem}.projects-tab .projects-doc-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.projects-tab .projects-doc-actions .btn{font-size:.82rem}.projects-tab .btn-primary-soft{background:var(--p-accent-soft);color:var(--p-accent);border:1px solid transparent}.projects-tab .btn-primary-soft:hover{background:var(--p-accent);color:#fff}.projects-tab .btn-success-soft{background:var(--p-ok-soft);color:var(--p-ok);border:1px solid transparent}.projects-tab .btn-success-soft:hover{background:var(--p-ok);color:#fff}.projects-tab .btn-warning-soft{background:var(--p-warn-soft);color:var(--p-warn);border:1px solid transparent}.projects-tab .btn-warning-soft:hover{background:var(--p-warn);color:#fff}.projects-tab .btn-danger-soft{background:var(--p-danger-soft);color:var(--p-danger);border:1px solid transparent}.projects-tab .btn-danger-soft:hover{background:var(--p-danger);color:#fff}.projects-tab .btn-ghost{background:transparent;border:1px solid var(--p-line);color:var(--p-muted)}.projects-tab .btn-ghost:hover{background:var(--p-line-soft);color:var(--p-text)}.projects-tab .projects-doc-timeline{margin-top:10px;font-size:.85rem}.projects-tab .projects-doc-timeline>summary{cursor:pointer;font-weight:600;color:var(--p-muted);-webkit-user-select:none;user-select:none;padding:6px 0}.projects-tab .projects-doc-timeline ol{list-style:none;margin:6px 0 0;padding-left:14px;border-left:2px solid var(--p-line)}.projects-tab .projects-doc-timeline li{margin:8px 0;padding-left:8px;position:relative}.projects-tab .projects-doc-timeline li:before{content:"";position:absolute;left:-19px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--p-accent)}.projects-tab .projects-tl-role{display:inline-block;font-size:.7rem;padding:1px 6px;border-radius:4px;background:var(--p-info-soft);color:var(--p-info);font-weight:600;margin-left:6px}.projects-tab .projects-tl-role.uni_staff{background:var(--p-accent-soft);color:var(--p-accent)}.projects-tab .projects-tl-role.dev{background:#fde68a;color:#92400e}.projects-tab .projects-tl-action{margin-left:6px;font-weight:500}.projects-tab .projects-tl-note{margin-top:2px;color:var(--p-text);font-size:.85rem;white-space:pre-wrap}.projects-tab .projects-fab{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;border:none;background:var(--p-accent);color:#fff;box-shadow:0 10px 24px #1059224d;font-size:1.4rem;z-index:1040}.projects-tab .projects-send-drop{border:2px dashed var(--p-line);border-radius:10px;padding:20px;text-align:center;background:var(--p-line-soft);color:var(--p-muted);transition:border-color .15s,background .15s}.projects-tab .projects-send-drop.is-drag{border-color:var(--p-accent);background:var(--p-accent-soft);color:var(--p-accent)}.projects-tab .projects-send-drop i{font-size:1.6rem;display:block;margin-bottom:6px}.projects-tab .projects-send-staged-list{display:flex;flex-direction:column;gap:6px}.projects-tab .projects-staged-file{display:flex;align-items:center;background:#fff;border:1px solid var(--p-line);border-radius:6px;padding:6px 10px;font-size:.85rem}.projects-tab .projects-manage-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:992px){.projects-tab .projects-manage-grid{grid-template-columns:1.4fr 1fr}}.projects-tab .projects-manage-card{background:#fff;border:1px solid var(--p-line);border-radius:12px;padding:20px}.projects-tab .projects-manage-title{font-family:Prompt,sans-serif;font-weight:600;font-size:1.05rem;color:var(--p-accent);margin-bottom:12px}.projects-tab .projects-notify-prefs{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px;padding:14px;background:var(--p-line-soft);border-radius:8px}@media(min-width:768px){.projects-tab .projects-notify-prefs{grid-template-columns:1fr 1fr}}.projects-tab .projects-notify-prefs h4{font-size:.85rem;font-weight:700;color:var(--p-text);margin-bottom:6px}.projects-tab .projects-doctype-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.projects-tab .projects-doctype-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;background:#fafbfc;border:1px solid var(--p-line-soft);border-radius:8px}.projects-tab .projects-doctype-row.is-disabled{opacity:.5}.projects-tab .projects-doctype-info{display:flex;flex-direction:column}.projects-tab .projects-doctype-label{font-weight:500}.projects-tab .projects-doctype-id{font-size:.7rem;color:var(--p-muted)}.projects-tab .projects-notify-list{display:flex;flex-direction:column}.projects-tab .projects-notify-item{display:flex;gap:10px;align-items:flex-start;text-align:left;background:#fff;border:none;border-bottom:1px solid var(--p-line-soft);padding:12px 16px;position:relative;width:100%;transition:background .1s}.projects-tab .projects-notify-item:hover{background:var(--p-line-soft)}.projects-tab .projects-notify-item.is-unread{background:#fafdfb}.projects-tab .projects-notify-icon{font-size:1.2rem;margin-top:2px;color:var(--p-muted)}.projects-tab .projects-notify-item.is-info .projects-notify-icon{color:var(--p-info)}.projects-tab .projects-notify-item.is-warn .projects-notify-icon{color:var(--p-warn)}.projects-tab .projects-notify-item.is-ok .projects-notify-icon{color:var(--p-ok)}.projects-tab .projects-notify-body{flex:1 1 auto}.projects-tab .projects-notify-text{font-size:.88rem;color:var(--p-text);white-space:pre-wrap}.projects-tab .projects-notify-time{font-size:.72rem;color:var(--p-muted);margin-top:2px}.projects-tab .projects-notify-dot{width:8px;height:8px;border-radius:50%;background:var(--p-accent);flex:0 0 auto;margin-top:6px}.projects-tab .projects-notify-empty i{opacity:.5}.samo-navbar .nav-projects-bell{position:relative;border:none;background:transparent;color:#105922;padding:6px 10px;border-radius:8px;font-size:1.05rem}.samo-navbar .nav-projects-bell:hover{background:#10592214}.samo-navbar .nav-projects-bell-count{position:absolute;top:0;right:0;font-size:.62rem;background:#ff6f30;color:#fff;border-radius:999px;padding:1px 6px;font-weight:700;min-width:18px;line-height:1.3;text-align:center}