@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;600;700&display=swap";:root{--c-primary: #1f6feb;--c-primary-dark: #1a5fd0;--c-primary-light: #e8f1fe;--c-accent: #f59e0b;--c-success: #16a34a;--c-success-light: #e7f6ec;--c-danger: #dc2626;--c-danger-light: #fdeaea;--c-warning: #d97706;--c-warning-light: #fef4e5;--c-info: #0891b2;--c-bg: #f4f6fa;--c-surface: #ffffff;--c-surface-alt: #fafbfd;--c-border: #e2e6ee;--c-border-strong: #cbd2df;--c-text: #1c2431;--c-text-soft: #5b6577;--c-text-mute: #8a93a5;--c-text-invert: #ffffff;--c-sidebar-bg: #16233c;--c-sidebar-text: #b9c3d6;--c-sidebar-active: #1f6feb;--c-sidebar-hover: #22314f;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--font-base: "Sarabun", "Leelawadee UI", "Tahoma", sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(20, 30, 50, .06);--shadow: 0 2px 8px rgba(20, 30, 50, .08);--shadow-lg: 0 8px 28px rgba(20, 30, 50, .12);--sidebar-w: 250px;--topbar-h: 58px}*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[class],ol[class]{list-style:none;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.6}img,picture,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}table{border-collapse:collapse;width:100%}hr{border:0;border-top:1px solid var(--c-border);margin:var(--sp-5) 0}body{font-family:var(--font-base);font-size:var(--fs-md);color:var(--c-text);background:var(--c-bg)}h1{font-size:var(--fs-2xl);font-weight:700}h2{font-size:var(--fs-xl);font-weight:700}h3{font-size:var(--fs-lg);font-weight:600}h4{font-size:var(--fs-md);font-weight:600}small,.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.text-soft{color:var(--c-text-soft)}.text-mute{color:var(--c-text-mute)}.text-danger{color:var(--c-danger)}.text-success{color:var(--c-success)}.text-center{text-align:center}.text-right{text-align:right}.text-bold{font-weight:600}.text-nowrap{white-space:nowrap}.icon{width:18px;height:18px;display:inline-block;vertical-align:-3px;flex-shrink:0}.icon--sm{width:14px;height:14px}.icon--lg{width:22px;height:22px}.container{width:100%;margin:0 auto}.row{display:flex;flex-wrap:wrap;gap:var(--sp-4)}.row--tight{gap:var(--sp-3)}.col{flex:1 1 0;min-width:0}.grid{display:grid;gap:var(--sp-4)}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.inline{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.inline--end{justify-content:flex-end}.inline--between{justify-content:space-between}.spacer{flex:1}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}@media(max-width:1100px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.row{flex-direction:column}}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--c-sidebar-bg);color:var(--c-sidebar-text);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40;overflow-y:auto}.sidebar__brand{padding:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__logo{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius);background:var(--c-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-sm);object-fit:cover}.sidebar__title{color:#fff;font-weight:700;font-size:var(--fs-md);line-height:1.3}.sidebar__subtitle{font-size:var(--fs-xs);color:#8b98b3}.sidebar__nav{padding:var(--sp-3) var(--sp-2);flex:1}.sidebar__group{margin-top:var(--sp-4)}.sidebar__group-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:#6d7c99;padding:0 var(--sp-3) var(--sp-2)}.sidebar__link{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--radius);color:var(--c-sidebar-text);font-size:var(--fs-sm);margin-bottom:2px}.sidebar__link:hover{background:var(--c-sidebar-hover);color:#fff;text-decoration:none}.sidebar__link.is-active{background:var(--c-sidebar-active);color:#fff;font-weight:600}.sidebar__link .icon{width:18px;height:18px;flex-shrink:0;opacity:.85}.sidebar__link.is-active .icon{opacity:1}.card__footer:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);position:sticky;top:0;z-index:30}.topbar__toggle{display:none;background:none;border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:4px 10px}.topbar__page{font-weight:600}.topbar__user{font-size:var(--fs-sm);color:var(--c-text-soft)}.content{flex:1;padding:var(--sp-5)}.page-head{display:flex;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap}.page-head__title{font-size:var(--fs-xl);font-weight:700}.page-head__desc{color:var(--c-text-soft);font-size:var(--fs-sm);margin-top:2px}.page-head__actions{margin-left:auto;display:flex;gap:var(--sp-2);flex-wrap:wrap}.footer{border-top:1px solid var(--c-border);background:var(--c-surface);padding:var(--sp-4) var(--sp-5);font-size:var(--fs-xs);color:var(--c-text-mute);text-align:center;line-height:1.8}@media(max-width:980px){.sidebar{transform:translate(-100%);transition:transform .2s ease}.app.is-open .sidebar{transform:translate(0);box-shadow:var(--shadow-lg)}.main{margin-left:0}.topbar__toggle{display:block}.content{padding:var(--sp-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:8px 16px;border:1px solid transparent;border-radius:var(--radius);font-size:var(--fs-sm);font-weight:600;background:var(--c-surface);color:var(--c-text);border-color:var(--c-border-strong);line-height:1.4;white-space:nowrap}.btn:hover{text-decoration:none;background:var(--c-surface-alt)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn--primary:hover{background:var(--c-primary-dark);border-color:var(--c-primary-dark)}.btn--success{background:var(--c-success);border-color:var(--c-success);color:#fff}.btn--success:hover{background:#128a3d}.btn--danger{background:var(--c-danger);border-color:var(--c-danger);color:#fff}.btn--danger:hover{background:#bd1f1f}.btn--ghost{background:transparent;border-color:transparent;color:var(--c-text-soft)}.btn--ghost:hover{background:var(--c-surface-alt)}.btn--sm{padding:4px 10px;font-size:var(--fs-xs)}.btn--lg{padding:12px 24px;font-size:var(--fs-md)}.btn--block{width:100%}.btn-group{display:inline-flex;gap:var(--sp-1)}.form-group{margin-bottom:var(--sp-4)}.form-label{display:block;font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--sp-2)}.form-label .req{color:var(--c-danger)}.form-control{width:100%;padding:8px 12px;border:1px solid var(--c-border-strong);border-radius:var(--radius);background:var(--c-surface);font-size:var(--fs-sm)}.form-control:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-light)}.form-control.is-invalid{border-color:var(--c-danger)}.form-control[readonly],.form-control:disabled{background:var(--c-surface-alt);color:var(--c-text-soft)}textarea.form-control{min-height:88px;resize:vertical}select.form-control{padding-left:12px;padding-right:12px}.form-error{color:var(--c-danger);font-size:var(--fs-xs);margin-top:var(--sp-1)}.form-hint{color:var(--c-text-mute);font-size:var(--fs-xs);margin-top:var(--sp-1)}.form-check{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.form-actions{display:flex;gap:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--c-border);margin-top:var(--sp-5)}.filter-bar{display:flex;gap:var(--sp-3);align-items:flex-end;flex-wrap:wrap;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-4);margin-bottom:var(--sp-4)}.filter-bar .form-group{margin-bottom:0;min-width:150px}.filter-bar .form-group .btn{height:36px}.filter-bar__note{flex:1 0 100%;font-size:var(--fs-xs);color:var(--c-text-mute);margin-top:var(--sp-1)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card__header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.card__title{font-size:var(--fs-md);font-weight:600}.card__actions{margin-left:auto;display:flex;gap:var(--sp-2)}.card__body{padding:var(--sp-5)}.card__body--flush{padding:0}.card__footer{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--c-border);background:var(--c-surface-alt)}.stat{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-sm);border-left:4px solid var(--c-primary)}.stat--success{border-left-color:var(--c-success)}.stat--warning{border-left-color:var(--c-warning)}.stat--danger{border-left-color:var(--c-danger)}.stat--info{border-left-color:var(--c-info)}.stat__label{font-size:var(--fs-xs);color:var(--c-text-soft)}.stat__value{font-size:var(--fs-2xl);font-weight:700;line-height:1.25}.stat__unit{font-size:var(--fs-sm);font-weight:400;color:var(--c-text-mute)}.stat__foot{font-size:var(--fs-xs);color:var(--c-text-mute);margin-top:var(--sp-1)}.empty{text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--c-text-mute)}.empty__title{font-weight:600;color:var(--c-text-soft);margin-bottom:var(--sp-2)}.table-wrap{width:100%;overflow-x:auto}.table{font-size:var(--fs-sm)}.table th,.table td{padding:10px var(--sp-4);text-align:left}.table thead th{background:var(--c-surface-alt);color:var(--c-text-soft);font-weight:600;font-size:var(--fs-xs);border-bottom:1px solid var(--c-border);white-space:nowrap}.table tbody tr{border-bottom:1px solid var(--c-border)}.table tbody tr:last-child{border-bottom:0}.table tbody tr:hover{background:var(--c-surface-alt)}.table td.num,.table th.num{text-align:center;font-variant-numeric:tabular-nums}.table td.act,.table th.act{text-align:right;white-space:nowrap}.table--compact th,.table--compact td{padding:6px var(--sp-3)}.table--bordered th,.table--bordered td{border:1px solid var(--c-border)}.table__index{color:var(--c-text-mute);width:48px;text-align:center}.table input.form-control{padding:5px 8px;text-align:center}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;background:var(--c-surface-alt);color:var(--c-text-soft);border:1px solid var(--c-border)}.badge--success{background:var(--c-success-light);color:var(--c-success);border-color:transparent}.badge--danger{background:var(--c-danger-light);color:var(--c-danger);border-color:transparent}.badge--warning{background:var(--c-warning-light);color:var(--c-warning);border-color:transparent}.badge--primary{background:var(--c-primary-light);color:var(--c-primary);border-color:transparent}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);font-size:var(--fs-sm);margin-bottom:var(--sp-4);border:1px solid transparent}.alert--success{background:var(--c-success-light);color:#12602c;border-color:#bfe6cb}.alert--danger{background:var(--c-danger-light);color:#96201f;border-color:#f3c3c3}.alert--warning{background:var(--c-warning-light);color:#8a5106;border-color:#f4dcb2}.alert--info{background:var(--c-primary-light);color:#14508f;border-color:#c3dbfb}.alert ul{margin:var(--sp-2) 0 0;padding-left:var(--sp-5);list-style:disc}.alert--flash{animation:alert-flash 1.4s ease-out 1;box-shadow:0 0 0 4px #16a34a2e}.alert--danger.alert--flash{box-shadow:0 0 0 4px #dc26262e}@keyframes alert-flash{0%{transform:scale(.98);opacity:.3}35%{transform:scale(1.01);opacity:1}to{transform:scale(1);opacity:1}}.progress{background:var(--c-border);border-radius:999px;height:10px;overflow:hidden}.progress__bar{height:100%;background:var(--c-primary);border-radius:999px}.progress__bar--success{background:var(--c-success)}.progress__bar--warning{background:var(--c-warning)}.progress__bar--danger{background:var(--c-danger)}.progress-label{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--c-text-soft);margin-bottom:var(--sp-1)}.pagination{display:flex;gap:var(--sp-1);align-items:center;flex-wrap:wrap;justify-content:center;padding:var(--sp-3)}.pagination__item{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:34px;height:34px;padding:0 10px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text-soft);font-size:var(--fs-sm);line-height:1;text-decoration:none}a.pagination__item:hover{background:var(--c-surface-alt);border-color:var(--c-border-strong);color:var(--c-text);text-decoration:none}.pagination__item.is-active{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-text-invert);font-weight:600}.pagination__item.is-disabled{opacity:.4;cursor:not-allowed}.pagination__item.is-dots{border-color:transparent;background:transparent}.paginate-info{text-align:center;font-size:var(--fs-xs);color:var(--c-text-mute);padding-bottom:var(--sp-3)}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--c-border);margin-bottom:var(--sp-5);flex-wrap:wrap}.tabs__item{padding:10px var(--sp-4);font-size:var(--fs-sm);font-weight:600;color:var(--c-text-soft);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs__item:hover{color:var(--c-text);text-decoration:none}.tabs__item.is-active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.chart-box{position:relative;width:100%;height:320px}.chart-box--sm{height:240px}.chart-box--lg{height:400px}.chart-legend{display:flex;gap:var(--sp-4);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--c-text-soft);justify-content:center;margin-top:var(--sp-3)}.chart-legend__dot{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:6px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:linear-gradient(160deg,#16233c,#1f3a63 55%,#1f6feb 140%)}.login__box{width:100%;max-width:400px}.login__brand{text-align:center;color:#fff;margin-bottom:var(--sp-5)}.login__logo{width:68px;height:68px;margin:0 auto var(--sp-3);border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;object-fit:cover}.login__course{font-size:var(--fs-xl);font-weight:700;line-height:1.3}.login__project{font-size:var(--fs-sm);color:#b9c8e4;margin-top:2px}.login__card{background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--sp-6) var(--sp-5)}.login__heading{font-size:var(--fs-lg);font-weight:700;margin-bottom:var(--sp-1)}.login__hint{font-size:var(--fs-sm);color:var(--c-text-soft);margin-bottom:var(--sp-5)}.login__school{text-align:center;color:#c4d1e8;font-size:var(--fs-sm);margin-top:var(--sp-4)}.login__note{text-align:center;color:#93a5c4;font-size:var(--fs-xs);margin-top:var(--sp-2)}.clock-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm);text-align:center}.clock-card.is-in{border-color:#bfe6cb;background:var(--c-success-light)}.clock-card.is-done{border-color:var(--c-border-strong);background:var(--c-surface-alt)}.clock-card__name{font-weight:600;font-size:var(--fs-md)}.clock-card__role{font-size:var(--fs-xs);color:var(--c-text-soft);margin-bottom:var(--sp-3)}.clock-card__time{font-size:var(--fs-sm);color:var(--c-text-soft);margin-bottom:var(--sp-3);font-variant-numeric:tabular-nums}.clock-now{font-size:34px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.clock-date{color:var(--c-text-soft);font-size:var(--fs-sm)}.report-head{text-align:center;margin-bottom:var(--sp-5)}.report-head__school{font-weight:700;font-size:var(--fs-lg)}.report-head__project{color:var(--c-text-soft);font-size:var(--fs-sm)}.report-head__title{font-weight:700;font-size:var(--fs-xl);margin-top:var(--sp-3)}.report-head__meta{color:var(--c-text-soft);font-size:var(--fs-sm)}.info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3) var(--sp-5)}.info-list__item{display:flex;gap:var(--sp-2);font-size:var(--fs-sm);border-bottom:1px dashed var(--c-border);padding-bottom:var(--sp-2)}.info-list__label{color:var(--c-text-soft);min-width:120px}.info-list__value{font-weight:600}.growth{font-weight:700}.growth--up{color:var(--c-success)}.growth--down{color:var(--c-danger)}.growth--flat{color:var(--c-text-mute)}@media(max-width:780px){.info-list{grid-template-columns:1fr}}.pg{display:flex;gap:var(--sp-5);align-items:flex-start}.pg__side{flex:0 0 320px;position:sticky;top:calc(var(--topbar-h) + var(--sp-4))}.pg__main{flex:1;min-width:0}.pg__count{font-size:var(--fs-xs);color:var(--c-text-mute);margin-left:auto}.pg__count strong{color:var(--c-primary)}.formula-list{max-height:420px;overflow-y:auto;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface-alt);padding:var(--sp-2) var(--sp-3)}.formula-list__group{font-size:var(--fs-xs);font-weight:600;letter-spacing:.05em;color:var(--c-text-mute);margin:var(--sp-3) 0 var(--sp-1);padding-top:var(--sp-2);border-top:1px solid var(--c-border)}.formula-list__group:first-child{margin-top:0;padding-top:0;border-top:0}.formula-list__item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);padding:3px 6px;border-radius:var(--radius-sm);cursor:pointer;color:var(--c-text-soft)}.formula-list__item:hover{background:var(--c-surface);color:var(--c-text)}.formula-list__item input{accent-color:var(--c-primary);flex-shrink:0}.formula-list__no{min-width:24px;font-weight:600;font-size:var(--fs-xs);color:var(--c-primary);font-variant-numeric:tabular-nums}.pg__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-top:var(--sp-2)}.pg__actions .btn{width:100%}.sheet{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5);margin-bottom:var(--sp-4);position:relative}.sheet__head{padding-bottom:var(--sp-3);border-bottom:2px solid var(--c-primary-light);margin-bottom:var(--sp-3);line-height:1.45}.sheet__line{font-size:var(--fs-sm);color:var(--c-text-soft)}.sheet__name{font-size:var(--fs-lg);font-weight:700;color:var(--c-text);margin:2px 0}.sheet__block{margin-top:var(--sp-5)}.sheet__block:first-of-type{margin-top:var(--sp-3)}.sheet__block-title{font-size:var(--fs-sm);margin-bottom:var(--sp-2)}.sheet__block-title strong{color:var(--c-primary)}.sheet__block-title span{color:var(--c-text-soft);margin-left:var(--sp-2)}.sheet__student{display:flex;gap:var(--sp-5);flex-wrap:wrap;font-size:var(--fs-sm);color:var(--c-text-soft);margin-bottom:var(--sp-4)}.sheet__student span{border-bottom:1px dotted var(--c-border-strong);min-width:160px;padding-bottom:2px}.sheet__expand{position:absolute;top:var(--sp-4);right:var(--sp-4);width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text-soft);cursor:pointer}.sheet__expand:hover{background:var(--c-primary-light);color:var(--c-primary);border-color:var(--c-primary)}.pg-table{border-collapse:collapse;margin:0 auto;table-layout:fixed}.pg-table td{border:1px solid var(--c-border-strong);width:56px;height:34px;padding:2px 3px;text-align:center;vertical-align:middle;font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.1}.pg-table .is-head td{background:var(--c-surface-alt);font-size:var(--fs-xs);font-weight:700;height:24px;padding:2px;color:var(--c-text-soft)}.pg-table .is-first td{padding-top:4px}.pg-table .is-answer td{color:var(--c-danger);font-weight:700;border-top:2px solid var(--c-text);height:36px}.pg-empty{text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--c-text-mute);background:var(--c-surface);border:1px dashed var(--c-border-strong);border-radius:var(--radius-lg)}.sheet:fullscreen{padding:40px;border-radius:0;overflow:auto;display:flex;flex-direction:column;justify-content:flex-start}.sheet:fullscreen .sheet__set{flex-shrink:0}.sheet:fullscreen .sheet__block{margin:auto;flex-shrink:0;width:100%}.sheet:fullscreen .sheet__block:first-of-type{margin-top:auto}.sheet:fullscreen .sheet__block:last-of-type{margin-bottom:auto}.sheet:fullscreen .pg-table td{width:90px;height:56px;font-size:26px}.sheet:fullscreen .pg-table .is-head td{height:34px;font-size:var(--fs-sm)}.sheet:fullscreen .sheet__expand{display:none}.sheet:fullscreen .fs-bar{display:flex}.fs-bar{display:none;position:fixed;top:16px;right:16px;gap:var(--sp-2);z-index:9999}@media(max-width:980px){.pg{flex-direction:column}.pg__side{position:static;flex:1 1 auto;width:100%}}@media print{.sheet{border:0;box-shadow:none;padding:0 0 12px;page-break-after:always;margin:0}.sheet:last-child{page-break-after:auto}.sheet__expand,.fs-bar{display:none!important}.pg-table td{border-color:#000}.pg-table .is-head td{background:#eee!important;-webkit-print-color-adjust:exact}}.cert-stage{position:relative;width:100%;background:var(--c-surface-alt);border-radius:var(--radius-lg);overflow:hidden;-webkit-user-select:none;user-select:none}.cert-stage__bg{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.cert-item{position:absolute;padding:2px 0;text-align:center;cursor:move;outline:1px dashed var(--c-border-strong);outline-offset:2px;white-space:nowrap;overflow:visible;line-height:1.15}.cert-item:hover{outline-color:var(--c-primary);background:#1f6feb0f}.cert-item.is-active{outline:2px solid var(--c-primary);background:#1f6feb1a}.cert-item.is-dragging{opacity:.8}.cert-item:focus-visible{outline:2px solid var(--c-primary)}.cert-item__text{display:block;font-weight:600}.cert-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;border:1px solid var(--c-border-strong);margin-right:6px;vertical-align:-1px}[data-row]{cursor:pointer}[data-row].is-active{background:var(--c-primary-light)}.cert-menu{display:none;min-width:260px;position:absolute;z-index:100;min-width:230px;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--sp-3)}.cert-menu.is-open{display:block}.cert-menu__title{font-size:var(--fs-xs);color:var(--c-text-mute);padding-bottom:var(--sp-2);margin-bottom:var(--sp-2);border-bottom:1px solid var(--c-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-menu__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm);margin-bottom:var(--sp-2)}.cert-menu__row input[type=text],.cert-menu__row select{width:130px;padding:4px 8px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-family:inherit}.cert-menu__row input[type=number]{width:96px;padding:4px 8px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);font-size:var(--fs-sm)}.cert-menu__row input[type=color]{width:44px;height:28px;padding:0;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:none}.cert-menu__foot{display:flex;gap:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--c-border)}.tabs__item{background:none;border:0;cursor:pointer;font-family:inherit}.tab-panel{display:none}.tab-panel.is-active{display:block}@media print{.sidebar,.topbar,.footer,.page-head__actions,.no-print{display:none!important}.main{margin-left:0}.content{padding:0}body{background:#fff}.card{border:0;box-shadow:none}a{color:#000;text-decoration:none}}