@charset "UTF-8";:root{--ug-blue: #5b5cff;--ug-dark-blue: #17153b;--ug-black: #080808;--ug-violet: #6d28d9;--ug-lilac: #e0b3ff;--ug-lavender: #dde1ff;--ug-orange: #f74625;--ug-yellow: #ffb300;--ug-white: #ffffff;--ug-font-primary: "Figtree", sans-serif;--ug-font-secondary: "Kanit", sans-serif;--ug-gradient-brand: linear-gradient(135deg, var(--ug-blue) 0%, var(--ug-violet) 100%);--ug-gradient-accent: linear-gradient(135deg, var(--ug-violet) 0%, var(--ug-lilac) 100%);--ug-sidebar-bg: var(--ug-dark-blue);--ug-sidebar-text: var(--ug-white);--ug-sidebar-active-bg: rgba(91, 92, 255, .18);--ug-sidebar-hover-bg: rgba(255, 255, 255, .08);--ug-sidebar-divider: rgba(255, 255, 255, .12);--ug-content-bg: #eef0fb;--ug-content-text: var(--ug-dark-blue);--ug-space-1: 8px;--ug-space-2: 16px;--ug-space-3: 24px;--ug-space-4: 32px;--ug-radius-sm: 4px;--ug-radius-md: 8px;--ug-radius-lg: 12px;--ug-radius-full: 9999px;--ug-elevation-sm: 0 1px 3px rgba(23, 21, 59, .08);--ug-elevation-md: 0 4px 12px rgba(23, 21, 59, .1);--ug-duration-fast: .15s;--ug-duration-normal: .2s;--ug-ease-default: ease-in-out;--ug-text-primary: var(--ug-dark-blue);--ug-text-secondary: #6b6690;--ug-border: rgba(23, 21, 59, .12);--ug-border-light: rgba(23, 21, 59, .07);--ug-bg-card: #ffffff;--ug-bg-hover: rgba(91, 92, 255, .08);--ug-primary: var(--ug-blue);--ug-error: #dc2626;--ug-success: #16a34a;--ug-warning: #d97706;--ug-badge-bg: rgba(91, 92, 255, .14);--ug-muted-text: rgba(23, 21, 59, .6)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;font-family:var(--ug-font-primary);background:var(--ug-content-bg);color:var(--ug-text-primary)}:focus-visible{outline:2px solid var(--ug-primary);outline-offset:2px}.page{padding:var(--ug-space-3);max-width:1100px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ug-space-3);gap:var(--ug-space-2);flex-wrap:wrap}.page-header h1,.page-header h2{margin:0;font-family:var(--ug-font-secondary);font-size:1.4rem;color:var(--ug-content-text)}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;background:var(--ug-gradient-brand);color:var(--ug-white);border:none;padding:.55rem 1.4rem;border-radius:var(--ug-radius-full);cursor:pointer;font-family:var(--ug-font-primary);font-weight:600;font-size:.9rem;box-shadow:0 2px 8px #5b5cff4d;transition:transform var(--ug-duration-fast) var(--ug-ease-default),box-shadow var(--ug-duration-fast) var(--ug-ease-default)}.btn-primary .material-symbols-outlined{font-size:1.15rem}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #5b5cff66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;background:var(--ug-bg-card);color:var(--ug-primary);border:1px solid var(--ug-border);padding:.5rem 1.2rem;border-radius:var(--ug-radius-full);cursor:pointer;font-family:var(--ug-font-primary);font-weight:600;font-size:.9rem;transition:background var(--ug-duration-fast) var(--ug-ease-default)}.btn-secondary:hover:not(:disabled){background:var(--ug-bg-hover)}.btn-danger{background:#dc26261a;color:var(--ug-error);border:1px solid rgba(220,38,38,.3)}.btn-danger:hover:not(:disabled){background:#dc26262e}.btn-link{display:inline-flex;align-items:center;gap:.15rem;background:none;border:none;color:var(--ug-primary);cursor:pointer;font-family:var(--ug-font-primary);font-weight:600;font-size:.85rem;padding:.3rem .5rem;border-radius:6px}.btn-link:hover{background:var(--ug-bg-hover)}.search-bar{position:relative;margin-bottom:var(--ug-space-3);max-width:400px}.search-bar .material-symbols-outlined{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--ug-text-secondary);font-size:1.15rem;pointer-events:none}.search-bar input{width:100%;padding:.55rem .75rem .55rem 2.2rem;border:1px solid var(--ug-border);border-radius:var(--ug-radius-full);font-family:var(--ug-font-primary);color:var(--ug-text-primary);background:var(--ug-bg-card)}.search-bar input:focus{border-color:var(--ug-primary);outline:none;box-shadow:0 0 0 3px #5b5cff26}.table-card{background:var(--ug-bg-card);border:1px solid var(--ug-border-light);border-radius:var(--ug-radius-lg);overflow:hidden;box-shadow:var(--ug-elevation-sm)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{padding:.85rem 1rem;text-align:left;border-bottom:2px solid var(--ug-border);color:var(--ug-text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.data-table td{padding:.85rem 1rem;border-bottom:1px solid var(--ug-border-light);color:var(--ug-text-primary)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--ug-bg-hover)}.row-icon{font-size:1.1rem;color:var(--ug-primary);vertical-align:middle;margin-right:.4rem}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .65rem;border-radius:var(--ug-radius-full);font-size:.78rem;font-weight:600}.status-badge .material-symbols-outlined{font-size:1rem}.status-badge.active{background:#16a34a26;color:#16a34a}.status-badge.inactive{background:#dc262626;color:#dc2626}.base-badge{background:var(--ug-gradient-accent);color:#f3e8ff;padding:.15rem .55rem;border-radius:var(--ug-radius-full);font-size:.7rem;font-weight:600;margin-left:.5rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:var(--ug-space-3)}.pagination button{display:flex;align-items:center;justify-content:center;background:var(--ug-bg-card);border:1px solid var(--ug-border);width:36px;height:36px;border-radius:var(--ug-radius-full);cursor:pointer;color:var(--ug-text-primary)}.pagination button:disabled{opacity:.4;cursor:default}.pagination span{color:var(--ug-text-secondary);font-size:.85rem}.empty,.loading{text-align:center;padding:2rem;color:var(--ug-text-secondary)}.error{text-align:center;padding:1rem;color:var(--ug-error)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ug-space-2)}.card{display:flex;flex-direction:column;align-items:flex-start;padding:var(--ug-space-3);background:var(--ug-bg-card);border:1px solid var(--ug-border);border-radius:var(--ug-radius-lg);text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:border-color var(--ug-duration-normal) var(--ug-ease-default),box-shadow var(--ug-duration-normal) var(--ug-ease-default),transform var(--ug-duration-normal) var(--ug-ease-default)}.card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--ug-gradient-brand);transform:scaleX(0);transform-origin:left;transition:transform var(--ug-duration-normal) var(--ug-ease-default)}.card:hover{border-color:var(--ug-blue);box-shadow:var(--ug-elevation-md);transform:translateY(-3px)}.card:hover:before{transform:scaleX(1)}.card-icon-wrap{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--ug-radius-full);background:var(--ug-gradient-brand);margin-bottom:var(--ug-space-2)}.card-icon-wrap .material-symbols-outlined{font-size:1.6rem;color:var(--ug-white)}.card-name{font-family:var(--ug-font-secondary);font-size:1.1rem;font-weight:600;color:var(--ug-content-text);margin:0 0 .35rem}.card-desc{font-family:var(--ug-font-primary);font-size:.875rem;color:var(--ug-muted-text);margin:0;line-height:1.5}.form-card{background:var(--ug-bg-card);border:1px solid var(--ug-border-light);border-radius:var(--ug-radius-lg);padding:var(--ug-space-3);box-shadow:var(--ug-elevation-sm);max-width:560px}.form-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:var(--ug-space-2)}.form-field label{font-weight:600;font-size:.85rem;color:var(--ug-text-secondary)}.form-field input,.form-field select,.form-field textarea{padding:.55rem .75rem;border:1px solid var(--ug-border);border-radius:var(--ug-radius-md);font-size:.9rem;font-family:var(--ug-font-primary);color:var(--ug-text-primary);background:var(--ug-bg-card)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--ug-primary);outline:none;box-shadow:0 0 0 3px #5b5cff26}.form-actions{display:flex;gap:.75rem;margin-top:var(--ug-space-3)}.modal-body>form{flex:1;min-height:0;display:flex;flex-direction:column}.modal-body>form .form-actions{margin-top:auto;position:sticky;bottom:calc(var(--modal-body-pad, 1.5rem) * -1);margin-left:calc(var(--modal-body-pad, 1.5rem) * -1);margin-right:calc(var(--modal-body-pad, 1.5rem) * -1);margin-bottom:calc(var(--modal-body-pad, 1.5rem) * -1);padding:var(--ug-space-2) var(--modal-body-pad, 1.5rem);background:var(--ug-bg-card);border-top:1px solid var(--ug-border-light)}.modal-body>form .form-actions>button{flex:1}@media(min-width:640px){.modal-body>form .form-actions>button{flex:0 0 auto}}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ug-space-2);margin-bottom:var(--ug-space-3)}.info-grid dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ug-text-secondary);margin-bottom:.2rem}.info-grid dd{margin:0;font-weight:600;overflow-wrap:anywhere;word-break:break-word;min-width:0}.section-card{background:var(--ug-bg-card);border:1px solid var(--ug-border-light);border-radius:var(--ug-radius-lg);padding:var(--ug-space-3);box-shadow:var(--ug-elevation-sm);margin-bottom:var(--ug-space-3)}.section-card h2{font-family:var(--ug-font-secondary);font-size:1.1rem;margin:0 0 var(--ug-space-2);display:flex;align-items:center;gap:.4rem}.checkbox-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.breadcrumb{display:flex;align-items:center;gap:.3rem;padding:var(--ug-space-2) var(--ug-space-3) 0;font-size:.8rem;font-weight:500;color:var(--ug-text-secondary)}.breadcrumb .material-symbols-outlined{font-size:1rem;color:var(--ug-text-secondary)}.breadcrumb .current{color:var(--ug-primary);font-weight:700}.master-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ug-space-2);padding:var(--ug-space-3) var(--ug-space-3) var(--ug-space-2);flex-wrap:wrap}.master-page-header>div:first-child{min-width:0;flex:1 1 260px}.master-page-header h1{margin:0;font-family:var(--ug-font-secondary);font-size:1.5rem;color:var(--ug-content-text)}.master-page-header .description{margin:.35rem 0 0;color:var(--ug-text-secondary);font-size:.85rem;max-width:480px;overflow-wrap:anywhere}.master-detail{display:flex;flex-direction:column;gap:var(--ug-space-3);padding:0 var(--ug-space-3) var(--ug-space-3);align-items:stretch}.list-panel{width:100%;max-width:100%;flex-shrink:0;background:var(--ug-bg-card);border:1px solid var(--ug-border-light);border-radius:var(--ug-radius-lg);overflow:hidden;box-shadow:var(--ug-elevation-sm)}@media(min-width:900px){.master-detail{flex-direction:row}.list-panel{width:380px}}.list-panel-toolbar{padding:var(--ug-space-2);border-bottom:1px solid var(--ug-border-light)}.list-panel .search-bar{max-width:none;margin-bottom:.6rem}.filter-tabs{display:flex;gap:.25rem}.filter-tabs button{flex:1;padding:.4rem .6rem;border:1px solid var(--ug-border);background:var(--ug-bg-card);border-radius:var(--ug-radius-md);font-size:.78rem;font-weight:600;color:var(--ug-text-secondary);cursor:pointer}.filter-tabs button.active{background:var(--ug-content-text);color:var(--ug-white);border-color:var(--ug-content-text)}.list-panel-count{padding:.5rem var(--ug-space-2);font-size:.75rem;color:var(--ug-text-secondary);text-align:right}.list-panel-items{max-height:65vh;overflow-y:auto}.list-row{display:flex;align-items:center;gap:.6rem;width:100%;padding:.75rem var(--ug-space-2);background:none;border:none;border-bottom:1px solid var(--ug-border-light);cursor:pointer;text-align:left;font-family:var(--ug-font-primary)}.list-row:hover{background:var(--ug-bg-hover)}.list-row.selected{background:var(--ug-bg-hover);border-left:3px solid var(--ug-primary)}.list-row-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--ug-radius-md);background:var(--ug-badge-bg);color:var(--ug-primary);flex-shrink:0}.list-row.selected .list-row-icon{background:var(--ug-gradient-brand);color:var(--ug-white)}.list-row-body{flex:1;min-width:0}.list-row-title{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9rem;color:var(--ug-text-primary)}.list-row-subtitle{display:block;font-size:.78rem;color:var(--ug-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-title{min-width:0;overflow:hidden}.list-row-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-chevron{color:var(--ug-text-secondary);flex-shrink:0}.detail-panel{flex:1;min-width:0}.detail-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--ug-space-2);margin-bottom:var(--ug-space-2)}.detail-title{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.detail-actions{display:flex;flex-wrap:wrap;gap:.5rem}.detail-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--ug-radius-md);background:var(--ug-badge-bg);color:var(--ug-primary);flex-shrink:0}.detail-title h2{margin:0;font-family:var(--ug-font-secondary);font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.detail-subtitle{margin:.2rem 0 0;font-size:.8rem;color:var(--ug-text-secondary)}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--ug-space-2);margin-bottom:var(--ug-space-2)}.info-cards .info-card{background:var(--ug-bg-card);border:1px solid var(--ug-border-light);border-radius:var(--ug-radius-md);padding:var(--ug-space-2);box-shadow:var(--ug-elevation-sm)}.info-cards .info-card .info-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ug-text-secondary);margin:0 0 .3rem}.info-cards .info-card .info-value{font-weight:700;font-size:.95rem;overflow-wrap:anywhere}.two-col-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--ug-space-2)}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ug-space-1)}.section-title h3{margin:0;font-size:.95rem;display:flex;align-items:center;gap:.4rem}.section-title .hint{font-size:.75rem;color:var(--ug-text-secondary)}.dashed-btn{width:100%;padding:.6rem;border:1px dashed var(--ug-border);border-radius:var(--ug-radius-md);background:none;color:var(--ug-primary);font-family:var(--ug-font-primary);font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.5rem}.dashed-btn:hover{background:var(--ug-bg-hover)}.list-row-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--ug-border-light);font-size:.85rem}.list-row-item:last-child{border-bottom:none}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--ug-border-light)}.toggle-row:last-child{border-bottom:none}.toggle-row-label{font-weight:600;font-size:.9rem}.toggle-row-desc{font-size:.78rem;color:var(--ug-text-secondary)}.toggle-row-state{font-size:.78rem;font-weight:600;margin-right:.6rem}.switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;background:var(--ug-border);border-radius:var(--ug-radius-full);cursor:pointer;transition:background var(--ug-duration-fast) var(--ug-ease-default)}.switch .slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:var(--ug-white);border-radius:50%;transition:transform var(--ug-duration-fast) var(--ug-ease-default)}.switch input:checked+.slider{background:var(--ug-primary)}.switch input:checked+.slider:before{transform:translate(18px)}.switch input:disabled+.slider{opacity:.5;cursor:not-allowed}.select-input{width:100%;max-width:100%;box-sizing:border-box;padding:.55rem 2.2rem .55rem .75rem;border:1px solid var(--ug-border);border-radius:var(--ug-radius-md);font-size:.9rem;font-family:var(--ug-font-primary);color:var(--ug-text-primary);background-color:var(--ug-bg-card);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b6690'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:1.1em;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-input:focus{border-color:var(--ug-primary);outline:none;box-shadow:0 0 0 3px #5b5cff26}.select-input:disabled{opacity:.5;cursor:not-allowed}