:root{--color-primary: #0c5adb;--color-secondary: #3f1399;--color-optional: #ff1e7e;--color-heading: #04000b;--color-paragraph: #787878;--white: #ffffff;--bg-gray: #f3f7fd;--dark: #03112d;--dark-secondary: #001d4c;--bg-gradient: linear-gradient(30deg, #3f1399 20%, #0c5adb 80%);--font-default: "Inter", sans-serif;--shadow-sm: 0px 2px 12px 0px #e7e7e7;--shadow-md: 0 10px 30px 0 rgba(44, 130, 237, .4);--shadow-lg: -1px 3px 10px 0 rgba(0, 0, 0, .6);--status-active: #22c55e;--status-warning: #f59e0b;--status-danger: #ef4444;--status-neutral: #94a3b8;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-pill: 50px;--sidebar-width: 240px;--filter-row-h: 66px;--transition: all .35s ease-in-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-default);font-size:16px;font-weight:400;line-height:1.7;color:var(--color-paragraph);background-color:var(--bg-gray);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-default);color:var(--color-heading);font-weight:600;line-height:1.2;margin-bottom:0}h1{font-size:40px}h2{font-size:36px}h3{font-size:27px}h4{font-size:20px}h5{font-size:18px}h6{font-size:14px}p{color:var(--color-paragraph);margin:0}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{opacity:.85}ul{list-style:none}button{cursor:pointer;font-family:var(--font-default);transition:var(--transition)}input,select,textarea{font-family:var(--font-default)}.portal-sidebar{position:fixed;top:0;left:0;width:var(--current-sidebar-w, var(--sidebar-width));height:100vh;background:var(--dark);color:var(--white);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:200;transition:transform .25s ease,width .15s ease}.sidebar-resize-handle{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:10;background:transparent;transition:background .15s}.sidebar-resize-handle:hover,.sidebar-resize-handle.active{background:#0c5adb59}.sidebar-header{display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);min-height:72px;flex-shrink:0}.sidebar-logo{display:block;flex:1;padding:var(--space-md);overflow:hidden}.sidebar-logo img{height:40px;width:auto;display:block}.sidebar-collapse-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 var(--space-xs);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#ffffff8c;cursor:pointer;font-size:11px;transition:var(--transition)}.sidebar-collapse-btn:hover{background:#ffffff24;color:var(--white)}.portal-sidebar.collapsed .sidebar-header{justify-content:center}.portal-sidebar.collapsed .sidebar-collapse-btn{margin:0}.sidebar-search{position:relative;padding:var(--space-sm) var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-search input{width:100%;padding:7px 10px 7px 30px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:var(--white);font-size:13px;font-family:var(--font-default);outline:none;box-sizing:border-box;transition:var(--transition)}.sidebar-search input::placeholder{color:#ffffff59}.sidebar-search input:focus{border-color:#ffffff47;background:#ffffff1c}.sidebar-search-icon{position:absolute;left:calc(var(--space-md) + 9px);top:50%;transform:translateY(-50%);color:#ffffff59;font-size:11px;pointer-events:none}.sidebar-nav-group-header{display:flex;align-items:flex-start;flex-wrap:wrap;gap:4px var(--space-sm);padding:10px var(--space-md);color:#ffffffb3;font-size:16px;font-weight:500;background:none;border:none;border-left:3px solid transparent;width:100%;cursor:pointer;transition:var(--transition);text-align:left}.sidebar-nav-group-header:hover{color:var(--white);background:#ffffff0f}.sidebar-nav-group-header.active{color:var(--white);border-left-color:var(--color-primary)}.sidebar-chevron{width:10px!important;height:10px!important;color:#fff6;flex-shrink:0}.sidebar-nav-children{margin-left:calc(var(--space-md) + 11px);border-left:1px solid rgba(255,255,255,.12)}.sidebar-nav-child{display:flex;align-items:flex-start;flex-wrap:wrap;gap:4px var(--space-sm);padding:7px var(--space-md) 7px var(--space-sm);color:#fff9;font-size:14px;font-weight:400;transition:var(--transition);border-left:3px solid transparent;text-decoration:none}.sidebar-nav-child:hover{color:var(--white);background:#ffffff0f;opacity:1}.sidebar-nav-child.active{color:var(--white);border-left-color:var(--color-primary);background:#0c5adb26}.sidebar-nav-child svg{width:13px;height:13px;flex-shrink:0;margin-top:2px}.sidebar-nav-label{flex:1;min-width:0;white-space:normal;word-break:break-word;line-height:1.3}.sidebar-nav{flex:1;padding:var(--space-md) 0}.sidebar-nav a{display:flex;align-items:flex-start;flex-wrap:wrap;gap:4px var(--space-sm);padding:10px var(--space-md);color:#ffffffb3;font-size:16px;font-weight:500;transition:var(--transition);border-left:3px solid transparent;text-decoration:none}.sidebar-nav a:hover{color:var(--white);background:#ffffff0f;opacity:1}.sidebar-nav a.active{color:var(--white);border-left-color:var(--color-primary);background:#0c5adb26}.sidebar-nav a svg,.sidebar-nav-group-header svg:first-child{width:16px;height:16px;flex-shrink:0;margin-top:2px}.portal-sidebar.collapsed .sidebar-nav a,.portal-sidebar.collapsed .sidebar-nav-group-header{justify-content:center;padding:12px var(--space-xs);border-left-color:transparent!important}.portal-sidebar.collapsed .sidebar-nav-children{margin-left:0;border-left:none;background:#0000002e}.portal-sidebar.collapsed .sidebar-nav-children .sidebar-nav-child{padding:9px var(--space-xs);font-size:13px}.sidebar-footer{padding:var(--space-md);border-top:1px solid rgba(255,255,255,.08)}.portal-sidebar.collapsed .sidebar-footer{padding:var(--space-sm) var(--space-xs)}.portal-sidebar.collapsed .btn-logout{justify-content:center;padding:8px}.build-stamp{font-size:11px;color:#ffffffa6;margin:var(--space-sm) 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user{font-size:13px;color:#ffffff80;margin-bottom:var(--space-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{display:block;color:#ffffffd9;font-size:14px}.sidebar-overlay{display:none}.sidebar-toggle{display:none;position:fixed;top:12px;left:12px;z-index:350;background:var(--white);border:1px solid #e7e7e7;border-radius:6px;cursor:pointer;color:var(--color-heading);font-size:16px;padding:6px 8px;box-shadow:var(--shadow-sm)}.portal-main{margin-left:var(--current-sidebar-w, var(--sidebar-width));background:var(--bg-gray);min-height:100vh;transition:margin-left .15s ease}.portal-content{padding:0 var(--space-md) var(--space-md)}.page-header{margin-bottom:var(--space-xl)}.page-header h4{font-size:22px;color:var(--color-heading)}.page-header p{font-size:14px;color:var(--color-paragraph);margin-top:var(--space-xs)}@media (max-width: 768px){.sidebar-toggle{display:flex}.portal-sidebar{width:var(--sidebar-width)!important;transform:translate(-100%);z-index:400;box-shadow:4px 0 24px #00000040;transition:transform .25s ease}.portal-sidebar.open{transform:translate(0)}.sidebar-resize-handle,.sidebar-collapse-btn{display:none}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:399}.portal-main{margin-left:0!important;min-height:100dvh;transition:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:10px 24px;font-family:var(--font-default);font-size:15px;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-primary{background:var(--color-primary);color:var(--white)}.btn-primary:hover{background:#0a4ec2}.btn-gradient{background:var(--bg-gradient);color:var(--white);border:none}.btn-gradient:hover{opacity:.9}.btn-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--white)}.btn-danger{background:var(--status-danger);color:var(--white)}.btn-sm{padding:6px 14px;font-size:13px}.btn-full{width:100%}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid #e7e7e7;display:flex;align-items:center;justify-content:space-between}.card-header h5{font-size:16px;font-weight:600;color:var(--color-heading)}.card-body{padding:var(--space-lg)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--color-heading);margin-bottom:var(--space-xs)}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #e7e7e7;border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-default);color:var(--color-heading);background:var(--white);transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0c5adb1a}.form-group input::placeholder{color:var(--color-paragraph)}.password-wrapper{position:relative}.password-wrapper input{padding-right:44px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-paragraph);cursor:pointer;padding:4px;display:flex;align-items:center}.form-error{font-size:13px;color:var(--status-danger);margin-top:var(--space-xs)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.badge-active{background:#22c55e26;color:#16a34a}.badge-ended{background:#94a3b826;color:#64748b}.badge-warning{background:#f59e0b26;color:#d97706}.badge-danger{background:#ef444426;color:#dc2626}.table-wrap{overflow-x:auto}table.ppm-table{width:100%;border-collapse:collapse;font-size:14px}table.ppm-table thead tr{background:var(--bg-gray)}table.ppm-table th{padding:10px 14px;text-align:left;font-size:13px;font-weight:600;color:var(--color-heading);white-space:nowrap;-webkit-user-select:none;user-select:none}table.ppm-table th.sortable{cursor:pointer}table.ppm-table th.sortable:hover{color:var(--color-primary)}table.ppm-table td{padding:10px 14px;border-bottom:1px solid #e7e7e7;color:var(--color-paragraph);vertical-align:middle}table.ppm-table tbody tr:last-child td{border-bottom:none}table.ppm-table tbody tr:hover td{background:var(--bg-gray)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gray);padding:var(--space-lg)}.login-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:100%;max-width:420px;padding:var(--space-2xl) var(--space-xl)}.login-logo-link{display:block;margin:0 auto var(--space-lg);width:fit-content}.login-logo{display:block;height:40px}.login-title{text-align:center;font-size:22px;color:var(--color-heading);margin-bottom:var(--space-xs)}.login-subtitle{text-align:center;font-size:14px;color:var(--color-paragraph);margin-bottom:var(--space-sm)}.login-card .build-stamp{text-align:center;color:var(--color-paragraph);opacity:.5;margin-bottom:var(--space-xl)}.btn-logout{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:8px var(--space-sm);background:none;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:#fff9;font-size:13px;cursor:pointer;transition:var(--transition)}.btn-logout:hover{background:#ffffff14;color:var(--white)}.wizard-wrap{padding-top:var(--space-md)}.wizard-steps{display:flex;align-items:flex-start;margin-bottom:24px}.wizard-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.wizard-step:not(:last-child):after{content:"";position:absolute;top:15px;left:50%;width:100%;height:2px;background:#e7e7e7;z-index:0}.wizard-step.done:not(:last-child):after{background:var(--status-active)}.wizard-step-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#e7e7e7;color:#999;position:relative;z-index:1;transition:background .25s,color .25s}.wizard-step.active .wizard-step-num{background:var(--color-primary);color:var(--white)}.wizard-step.done .wizard-step-num{background:var(--status-active);color:var(--white)}.wizard-step-label{font-size:12px;margin-top:6px;color:var(--color-paragraph);text-align:center;white-space:nowrap}.wizard-step.active .wizard-step-label{color:var(--color-primary);font-weight:600}.wizard-trip-banner{display:flex;align-items:center;justify-content:space-between;background:var(--bg-gray);border:1px solid #e7e7e7;border-radius:var(--radius-md);padding:10px 14px;margin-bottom:16px;font-size:14px;color:var(--color-heading);flex-wrap:wrap;gap:8px}.wizard-scan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.wizard-file-zone{margin-top:12px;padding:10px 12px;border:1px dashed #d0d5dd;border-radius:var(--radius-md)}.wizard-file-label{display:block;font-size:12px;color:var(--color-paragraph);margin-bottom:6px}.wizard-file-input{display:none}#qr-reader button{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;font-family:var(--font-default);font-size:13px;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;background:var(--color-primary);color:var(--white);transition:var(--transition);box-sizing:border-box;margin:0}#qr-reader button:hover{background:#0a4ec2}.wizard-file-msg{font-size:12px;color:var(--status-warning);margin:4px 0 0}.wizard-preview-box{margin-top:12px;padding:10px;background:var(--bg-gray);border:1px solid #e7e7e7;border-radius:var(--radius-md);text-align:center}.wizard-preview-img{max-width:100%;max-height:180px;border-radius:var(--radius-sm);border:1px solid #e7e7e7}.wizard-preview-meta{font-size:11px;color:var(--color-paragraph);margin:6px 0 0}.wizard-textarea{width:100%;padding:7px 10px;border:1px solid #d0d5dd;border-radius:6px;font-size:13px;font-family:var(--font-default);color:var(--color-heading);background:var(--white);box-sizing:border-box;resize:vertical;outline:none}.wizard-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0c5adb1f}.wizard-scan-msg{font-size:13px;margin:0}.wizard-scan-msg.ok{color:var(--status-active)}.wizard-scan-msg.error{color:var(--status-danger)}.wizard-review{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid #e7e7e7;padding:var(--space-2xl) var(--space-lg);display:flex;flex-direction:column;align-items:center;text-align:center}.wizard-review-icon{font-size:48px;color:var(--color-primary);margin-bottom:12px;line-height:1;display:flex;align-items:center;justify-content:center}.wizard-review-title{margin:0 0 16px;font-size:20px;color:var(--color-heading)}.wizard-review-card{width:100%;max-width:420px;background:var(--bg-gray);border-radius:var(--radius-md);border:1px solid #e7e7e7;overflow:hidden;margin-bottom:4px;text-align:left}.wizard-review-row{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:1px solid #e7e7e7;font-size:14px;gap:12px}.wizard-review-row:last-child{border-bottom:none}.wizard-review-row>span:first-child{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-heading);flex-shrink:0;min-width:72px}.wizard-review-row>span:last-child{color:var(--color-paragraph);text-align:right;word-break:break-all}.wizard-review-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;justify-content:center}@media (max-width: 768px){.wizard-scan-grid{grid-template-columns:1fr}}.trip-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.trip-meta-grid>div>label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-heading);margin-bottom:3px}.trip-meta-grid>div>div{font-size:13px;color:var(--color-paragraph)}.trip-map-container{width:100%;height:220px;border-radius:6px;border:1px solid #e7e7e7;overflow:hidden}.trip-map-btn{font-size:11px;padding:2px 8px;white-space:nowrap}.trip-map-legend{display:flex;gap:16px;font-size:12px;margin-bottom:6px}.trip-map-legend span{display:flex;align-items:center;gap:5px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.trip-wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}.trip-wizard-modal{background:var(--color-surface, #fff);border-radius:var(--radius-md, 8px);box-shadow:0 8px 32px #00000038;width:min(520px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden}.trip-wizard-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e7e7e7;font-weight:600;font-size:15px;flex-shrink:0}.trip-wizard-body{padding:20px 24px;overflow-y:auto;flex:1}.trip-wizard-step-content{margin-top:8px}.trip-map-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1200}.trip-map-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface, #fff);border-radius:var(--radius-md, 8px);box-shadow:0 8px 32px #00000038;width:min(1000px,calc(100vw - 32px));display:flex;flex-direction:column;overflow:hidden;z-index:1201}.trip-map-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e7e7e7;font-weight:600;font-size:14px;-webkit-user-select:none;user-select:none}.trip-map-dialog-body{padding:12px}.trip-map-dialog-body .trip-map-container{height:580px}@media (max-width: 768px){.trip-map-dialog-body .trip-map-container{height:420px}}.seal-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #f2f4f7}.seal-item:last-child{border-bottom:none}.seal-thumb{width:48px;height:48px;object-fit:cover;border-radius:4px;border:1px solid #e7e7e7;flex-shrink:0}.seal-item-meta{display:flex;flex-direction:column;gap:4px}.seal-barcode{font-size:13px;font-weight:600;color:var(--color-heading);font-family:Courier New,monospace}.seal-note{font-size:12px;color:var(--color-paragraph)}.seal-detail-img{width:100%;max-height:200px;object-fit:contain;border-radius:6px;border:1px solid #e7e7e7;background:var(--bg-gray);margin-bottom:14px;cursor:zoom-in}.seal-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:1300;display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:24px}.seal-lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 4px 32px #00000080;cursor:default}.tracker-map-wrap{height:calc(100dvh - 90px);border-radius:8px;overflow:hidden;border:1px solid #e7e7e7}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.summary-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px var(--space-md)}.summary-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-paragraph);margin-bottom:8px}.summary-card-value{font-size:28px;font-weight:700;color:var(--color-heading);line-height:1}@media (max-width: 768px){.summary-cards{grid-template-columns:repeat(2,1fr)}.trip-meta-grid{grid-template-columns:1fr}.tracker-map-wrap{height:calc(100dvh - 110px)}}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--color-paragraph)}.empty-state svg{width:48px;height:48px;margin-bottom:var(--space-md);opacity:.4}.empty-state p{font-size:15px}.admin-filter-row{position:sticky;top:0;z-index:10;background:var(--bg-gray);border-bottom:1px solid #e7e7e7;display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);padding-bottom:var(--space-md);flex-wrap:wrap}.admin-search-input{flex:0 0 220px;padding:6px 10px;border:1px solid #d0d5dd;border-radius:6px;font-size:13px;font-family:var(--font-default);outline:none}.admin-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0c5adb1f}.admin-filter-select{padding:6px 2rem 6px 10px;border:1px solid #d0d5dd;border-radius:6px;font-size:13px;font-family:var(--font-default);background:var(--white);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23555' d='M5 7L0 2h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:10px;outline:none;cursor:pointer}.admin-filter-select:focus{border-color:var(--color-primary)}.admin-count{font-size:12px;color:var(--color-paragraph);white-space:nowrap}.admin-new-btn{margin-left:auto}.detail-tabs{display:flex;border-bottom:2px solid #e7e7e7;margin:0 0 16px}.detail-tab{padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--color-paragraph);transition:color .15s,border-color .15s}.detail-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.detail-tab:hover:not(.active){color:var(--color-heading)}.admin-table-wrapper{overflow-x:auto;overflow-y:auto;max-height:calc(100dvh - var(--filter-row-h) - var(--space-md));border:1px solid #e7e7e7;border-radius:8px;background:var(--white);min-height:200px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{position:sticky;top:0;z-index:2;padding:10px 12px;text-align:left;background:#f8f9fb;color:var(--color-heading);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e7e7e7;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.admin-table th:hover{background:#eef0f6}.admin-table td{padding:9px 12px;border-bottom:1px solid #f2f4f7;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.admin-table tbody tr:hover{background:#f8f9fb;cursor:pointer}.admin-table tbody tr.selected-row{background:#0c5adb12}.admin-table tbody tr.selected-row td{color:var(--color-primary);font-weight:500}.admin-empty{text-align:center;padding:48px 16px!important;color:var(--color-paragraph);font-size:14px}.admin-loading{padding:60px 20px;text-align:center;color:var(--color-paragraph);font-size:14px}.detail-panel{position:fixed;right:0;top:0;height:100vh;background:var(--white);border-left:1px solid #e7e7e7;box-shadow:-2px 0 16px #00000014;display:flex;flex-direction:row;z-index:1000;overflow:hidden}.resize-handle{width:5px;cursor:col-resize;flex-shrink:0;background:transparent;transition:background .15s}.resize-handle:hover,.resize-handle:active{background:#0c5adb40}.detail-panel-inner{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.detail-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e7e7e7;flex-shrink:0;background:#fafbfc}.detail-panel-header strong{font-size:14px;color:var(--color-heading)}.btn-icon{background:none;border:none;cursor:pointer;font-size:20px;color:var(--color-paragraph);padding:0 2px;line-height:1;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:var(--color-heading)}.detail-form{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg)}.detail-form-field{margin-bottom:var(--space-md)}.detail-form-field label{display:block;font-size:11px;font-weight:600;color:var(--color-heading);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.detail-form-field .req{color:#e53e3e;margin-left:2px}.detail-form-field input{width:100%;padding:7px 10px;border:1px solid #d0d5dd;border-radius:6px;font-size:13px;font-family:var(--font-default);color:var(--color-text);background:var(--white);outline:none;box-sizing:border-box}.detail-form-field select{width:100%;padding:7px 2rem 7px 10px;border:1px solid #d0d5dd;border-radius:6px;font-size:13px;font-family:var(--font-default);color:var(--color-text);background:var(--white);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23555' d='M5 7L0 2h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:10px;outline:none;box-sizing:border-box;cursor:pointer}.detail-form-field textarea{width:100%;padding:7px 10px;border:1px solid #d0d5dd;border-radius:6px;font-size:13px;font-family:var(--font-default);color:var(--color-text);background:var(--white);outline:none;box-sizing:border-box;resize:vertical}.detail-form-field input:focus,.detail-form-field select:focus,.detail-form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0c5adb1f;outline:none}.detail-form-error{color:#c53030;font-size:13px;margin-bottom:var(--space-sm);padding:8px 10px;background:#fff5f5;border-radius:5px;border:1px solid #fed7d7}.detail-form-actions{padding-top:var(--space-md);border-top:1px solid #f2f4f7;margin-top:var(--space-xs)}.detail-backdrop{display:none}@media (max-width: 768px){.admin-filter-row{flex-wrap:wrap}.admin-search-input{flex:1 1 160px;min-width:0}.admin-new-btn{margin-left:0}.admin-table-wrapper{width:100%}.detail-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:299}.detail-panel{left:0;right:0;bottom:0;top:auto;width:100%!important;height:auto;max-height:82vh;border-radius:16px 16px 0 0;border:none;border-top:1px solid #e7e7e7;box-shadow:0 -6px 32px #00000026;flex-direction:column;z-index:300}.resize-handle{display:none}.detail-panel-inner{max-height:82vh;overflow:hidden}.detail-form{padding:var(--space-md)}.detail-form-field input,.detail-form-field select{font-size:16px;padding:10px 12px}}