*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes btnShine{0%{left:-100%}to{left:130%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-page{box-sizing:border-box;background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-wrap{border-radius:24px;width:100%;max-width:860px;min-height:540px;animation:.5s both fadeIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000001a}.login-left{background:linear-gradient(160deg,#fff9e6 0%,#fff3c4 50%,#ffe88a 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative;overflow:hidden}.login-left-circle{pointer-events:none;background:#ffc8001f;border-radius:50%;position:absolute}.login-left-circle--1{width:320px;height:320px;top:-100px;left:-100px}.login-left-circle--2{width:200px;height:200px;bottom:-60px;right:-60px}.login-left-circle--3{width:120px;height:120px;top:60%;left:10%}.login-illustration{z-index:1;margin-bottom:32px;animation:4s ease-in-out infinite floatY}.login-left-title{color:#4a2f00;text-align:center;z-index:1;margin:0 0 10px;font-size:22px;font-weight:800}.login-left-sub{color:#4a2f008c;text-align:center;z-index:1;max-width:220px;font-size:13px;line-height:1.6}.login-right{background:#fff;flex-direction:column;justify-content:center;width:360px;padding:52px 44px;animation:.5s both slideIn;display:flex}.login-logo{background:#fff3c4;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:22px;display:flex}.login-logo svg{width:22px;height:22px}.login-title{color:#1a1a1a;margin:0 0 6px;font-size:24px;font-weight:800}.login-subtitle{color:#888;margin:0 0 32px;font-size:13px}.login-field{margin-bottom:18px}.login-label{color:#555;letter-spacing:.5px;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.login-input{box-sizing:border-box;color:#1a1a1a;background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,background .2s}.login-input::placeholder{color:#bbb}.login-input:focus{background:#fff;border-color:#f5c518}.login-input--error{border-color:#e74c3c}.login-error-text{color:#e74c3c;margin-top:5px;font-size:12px;display:block}.login-btn-wrap{margin-top:8px}.login-btn{color:#4a2f00;cursor:pointer;background:#f5c518;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:background .25s,transform .15s;display:flex;position:relative;overflow:hidden}.login-btn:hover{background:#e6b800;transform:translateY(-1px)}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-btn-shine{pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff73 50%,#0000 100%);width:60%;height:100%;position:absolute;top:0;left:-100%}.login-btn:hover .login-btn-shine{animation:.55s forwards btnShine}.login-btn-fill{pointer-events:none;background:#00000014;border-radius:10px;width:0%;height:100%;transition:width 2s;position:absolute;top:0;left:0}.login-btn-fill--active{width:100%}.login-btn-arrow{align-items:center;transition:transform .25s cubic-bezier(.22,.68,0,1.5);display:inline-flex}.login-btn:hover .login-btn-arrow{transform:translate(5px)}.login-btn-spinner{border:2px solid #4a2f0040;border-top-color:#4a2f00;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}.login-footer{align-items:center;gap:10px;margin-top:24px;display:flex}.login-footer-line{background:#f0f0f0;flex:1;height:1px}.login-footer-text{color:#bbb;white-space:nowrap;font-size:11px}.sidebar{z-index:100;background:#0f1117;border-right:1px solid #ffffff14;flex-direction:column;width:240px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-user{border-bottom:1px solid #ffffff14;padding:24px 20px 20px}.sidebar-user-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.sidebar-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#1e88e5,#1565c0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.sidebar-user-info{overflow:hidden}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-email{color:#fff6;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-user-role{color:#f5c518;letter-spacing:.5px;background:#f5c51826;border:1px solid #f5c5184d;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-nav-label{color:#ffffff40;letter-spacing:1px;text-transform:uppercase;margin:4px 0 6px;padding:0 8px;font-size:10px;font-weight:600}.sidebar-nav-item{color:#ffffff73;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav-item:hover{color:#fffc;background:#ffffff0d}.sidebar-nav-item.active{color:#f5c518;background:#f5c5181f}.sidebar-nav-item i{flex-shrink:0;font-size:18px}.sidebar-logout{border-top:1px solid #ffffff14;padding:16px 12px}.sidebar-logout-btn{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:flex}.sidebar-logout-btn:hover{background:#c62828}.sidebar-logout-btn i{font-size:16px}.sidebar-nav-item-wrap{flex-direction:column;display:flex}.sidebar-nav-item-row{color:#ffffff73;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav-item-row:hover{color:#fffc;background:#ffffff0d}.sidebar-nav-item-row.active{color:#f5c518;background:#f5c5181f}.sidebar-nav-item-left{align-items:center;gap:10px;display:flex}.sidebar-nav-item-left i{flex-shrink:0;font-size:18px}.sidebar-chevron{flex-shrink:0;font-size:14px;transition:transform .2s}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-dropdown{max-height:0;transition:max-height .25s;overflow:hidden}.sidebar-dropdown.open{max-height:400px}.sidebar-dropdown-item{color:#ffffff59;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;gap:8px;padding:8px 12px 8px 40px;font-size:12px;text-decoration:none;transition:background .15s,color .15s;display:flex;overflow:hidden}.sidebar-dropdown-item:hover{color:#ffffffb3;background:#ffffff0d}.sidebar-dropdown-item.active{color:#f5c518;background:#f5c51814}.sidebar-dropdown-item i{flex-shrink:0;font-size:14px}.sidebar-dropdown-loading{color:#fff3;padding:8px 12px 8px 40px;font-size:12px}.sidebar.collapsed{width:64px}.sidebar.collapsed .sidebar-user-info,.sidebar.collapsed .sidebar-user-role,.sidebar.collapsed .sidebar-nav-label,.sidebar.collapsed .sidebar-nav-item span,.sidebar.collapsed .sidebar-dropdown,.sidebar.collapsed .sidebar-nav-item-left span,.sidebar.collapsed .sidebar-chevron{display:none}.sidebar.collapsed .sidebar-user{justify-content:center;padding:16px 10px;display:flex}.sidebar.collapsed .sidebar-user-top{justify-content:center;margin-bottom:0}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-nav-item i{margin:0}.sidebar.collapsed .sidebar-nav-item-row{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-nav-item-left{justify-content:center}.sidebar.collapsed .sidebar-logout-btn span{display:none}.sidebar.collapsed .sidebar-logout-btn{justify-content:center;padding:10px}.sidebar-toggle{color:#ffffff80;cursor:pointer;z-index:101;background:#1e2130;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:-12px}.sidebar-toggle:hover{color:#fff;background:#2a2f42}.sidebar{transition:width .25s}.sidebar-nav-item,.sidebar-nav-item-row,.sidebar-user-info,.sidebar-user-role,.sidebar-nav-label{transition:opacity .2s}.topbar{z-index:99;background:#0f1117;border-bottom:1px solid #ffffff14;align-items:center;height:46px;padding:0 20px;transition:left .25s;display:flex;position:fixed;top:0;left:240px;right:0}.topbar.collapsed{left:64px}.topbar-left{flex:1}.topbar-module{color:#fff;text-align:center;flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.topbar-module i{color:#f5c518;font-size:16px}.topbar-right{flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.topbar-time{color:#fff;font-size:12px;font-weight:600}.topbar-sep{color:#ffffff40;font-size:12px}.topbar-date{color:#ffffff73;font-size:12px}.layout{min-height:100vh;display:flex}.layout-main{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;transition:margin-left .25s;display:flex}.layout-main.collapsed{margin-left:64px}.layout-content{background:#fff;flex:1;margin-top:46px}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{z-index:1;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-title{color:#1a1a1a;font-size:16px;font-weight:700}.modal-close{cursor:pointer;color:#888;background:#f5f5f5;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:flex}.modal-close:hover{color:#333;background:#eee}.modal-body{padding:24px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid .form-field-full{grid-column:1/-1}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{color:#555;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.form-label span{color:#e74c3c;margin-left:2px}.form-input,.form-select{color:#1a1a1a;background:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:#00bcd4}.form-input--error{border-color:#e74c3c}.form-error{color:#e74c3c;font-size:11px}.form-toggle{align-items:center;gap:10px;margin-top:4px;display:flex}.toggle-switch{flex-shrink:0;width:40px;height:22px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#ddd;border-radius:22px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:#4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-label{color:#555;font-size:13px}.permissions-section{margin-top:20px}.permissions-title{color:#555;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.permissions-grid{background:#fafafa;border-radius:10px;padding:4px 12px}.permission-group{border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:16px;padding:10px 0;display:flex}.permission-group:last-child{border-bottom:none}.permission-module{color:#555;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;width:110px;padding-top:2px;font-size:12px;font-weight:700}.permission-items{flex-wrap:wrap;flex:1;gap:10px;display:flex}.permission-item{color:#555;cursor:pointer;align-items:center;gap:5px;font-size:12px;display:flex}.permission-item input{cursor:pointer;accent-color:#4caf50}.modal-footer{background:#fff;border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.modal-btn-cancel{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.modal-btn-cancel:hover{background:#f5f5f5}.modal-btn-save{color:#fff;cursor:pointer;background:#00bcd4;border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.modal-btn-save:hover{background:#00acc1}.modal-btn-save:disabled{opacity:.65;cursor:not-allowed}.modal-api-error{color:#c62828;background:#fce4ec;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.detail-modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.detail-modal-box{background:#fff;border-radius:14px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.detail-modal-header{z-index:1;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.detail-modal-title{color:#1a1a1a;font-size:16px;font-weight:700}.detail-avatar-section{border-bottom:1px solid #f0f0f0;align-items:center;gap:16px;padding:24px;display:flex}.detail-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#1e88e5,#1565c0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:700;display:flex}.detail-name{color:#1a1a1a;font-size:16px;font-weight:700}.detail-email{color:#888;margin-top:2px;font-size:13px}.detail-role-badge{color:#b8860b;background:#f5c51826;border:1px solid #f5c5184d;border-radius:20px;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.detail-body{padding:20px 24px}.detail-section-title{color:#888;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.detail-row{border-bottom:1px solid #f9f9f9;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.detail-row:last-child{border-bottom:none}.detail-row-label{color:#888}.detail-row-value{color:#1a1a1a;font-weight:500}.detail-perm-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.detail-perm-tag{color:#1565c0;background:#e3f2fd;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.detail-status-active{color:#2e7d32;font-weight:600}.detail-status-inactive{color:#c62828;font-weight:600}.detail-modal-footer{background:#fff;border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.detail-btn-close{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.detail-btn-close:hover{background:#f5f5f5}.detail-btn-edit{color:#f57f17;cursor:pointer;background:#fff8e1;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.detail-btn-edit:hover{background:#fff3cd}.detail-permissions{margin-top:20px}.detail-perm-group{border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:16px;padding:10px 0;display:flex}.detail-perm-group:last-child{border-bottom:none}.detail-perm-module{color:#555;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;width:110px;padding-top:2px;font-size:12px;font-weight:700}.detail-perm-items{flex-wrap:wrap;flex:1;gap:10px;display:flex}.detail-perm-item{color:#555;cursor:default;align-items:center;gap:5px;font-size:12px;display:flex}.detail-perm-item input{accent-color:#4caf50;cursor:default;width:14px;height:14px}.detail-perm-item input:disabled{cursor:default;opacity:1}.detail-perm-item.granted{color:#2e7d32;font-weight:600}.del-overlay{z-index:300;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.del-box{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:340px;padding:36px 32px 28px;box-shadow:0 20px 60px #00000026}.del-icon-wrap{background:#fff0f0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:36px;display:flex;position:relative}.del-spark{background:#ff5252;border-radius:50%;position:absolute}.del-spark-1{opacity:.6;width:6px;height:6px;top:6px;right:10px}.del-spark-2{opacity:.4;width:5px;height:5px;bottom:8px;left:8px}.del-spark-3{opacity:.7;width:4px;height:4px;top:14px;left:6px}.del-title{color:#1a1a1a;margin-bottom:8px;font-size:18px;font-weight:700}.del-sub{color:#888;margin-bottom:24px;font-size:13px;line-height:1.6}.del-btns{gap:10px;display:flex}.del-btn-cancel{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e5e5e5;border-radius:10px;flex:1;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.del-btn-cancel:hover{background:#f5f5f5}.del-btn-delete{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:10px;flex:1;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.del-btn-delete:hover{background:#c62828}.del-btn-delete:disabled{opacity:.65;cursor:not-allowed}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.toast{color:#1a1a1a;z-index:400;background:#fff;border-radius:12px;align-items:center;gap:10px;min-width:260px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s both toastIn;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000001f}.toast-icon{font-size:18px}.toast-msg{flex:1}.toast-close{cursor:pointer;color:#bbb;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.toast-close:hover{color:#888}.um-page{background:#fff;min-height:100%;padding:28px}.um-header{margin-bottom:24px}.um-title{color:#1a1a1a;font-size:20px;font-weight:700}.um-btn-add{color:#fff;cursor:pointer;z-index:99;background:#00bcd4;border:1.5px solid #00bcd4;border-radius:50px;align-items:center;gap:8px;padding:14px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,color .2s,transform .15s;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 4px 16px #00bcd466}.um-btn-add:hover{color:#00bcd4;background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00bcd466}.um-btn-add{color:#fff;cursor:pointer;background:#00bcd4;border:1.5px solid #00bcd4;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex}.um-btn-add:hover{color:#00bcd4;background:#fff}.um-toolbar{gap:12px;margin-bottom:20px;display:flex}.um-search-wrap{flex:1;position:relative}.um-search-icon{color:#bbb;pointer-events:none;font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.um-search-input{box-sizing:border-box;color:#1a1a1a;border:1px solid #e5e5e5;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 36px;font-family:inherit;font-size:13px;transition:border-color .2s}.um-search-input:focus{border-color:#00bcd4}.um-filter-select{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px}.um-filter-select:focus{border-color:#00bcd4}.um-table-wrap{border:1px solid #f0f0f0;border-radius:10px;overflow:hidden}.um-table{border-collapse:collapse;width:100%}.um-table thead{background:#fafafa}.um-table th{text-align:left;color:#888;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:11px 16px;font-size:11px;font-weight:600}.um-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.um-table th.sortable:hover{color:#555}.um-th-inner{align-items:center;gap:5px;display:flex}.um-sort-icon{flex-direction:column;gap:2px;display:flex}.um-sort-icon span{opacity:.3;width:0;height:0;display:block}.um-sort-icon .up{border-bottom:4px solid #555;border-left:3px solid #0000;border-right:3px solid #0000}.um-sort-icon .down{border-top:4px solid #555;border-left:3px solid #0000;border-right:3px solid #0000}.um-sort-icon.asc .up{opacity:1;border-bottom-color:#00bcd4}.um-sort-icon.desc .down{opacity:1;border-top-color:#00bcd4}.um-table td{color:#333;border-bottom:1px solid #f9f9f9;padding:13px 16px;font-size:13px}.um-table tr:last-child td{border-bottom:none}.um-table tbody tr:hover td{background:#fafafa}.um-user-cell{align-items:center;gap:10px;display:flex}.um-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#1e88e5,#1565c0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.um-user-name{color:#1a1a1a;font-size:13px;font-weight:600}.um-user-email{color:#888;font-size:11px}.um-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.um-badge-active{color:#2e7d32;background:#e8f5e9}.um-badge-inactive{color:#c62828;background:#fce4ec}.um-badge-role{color:#b8860b;background:#f5c51826;border:1px solid #f5c5184d}.um-actions{gap:6px;display:flex}.um-btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:opacity .15s,transform .15s;display:flex}.um-btn-icon:hover{opacity:.8;transform:translateY(-1px)}.um-btn-view{color:#1565c0;background:#e3f2fd}.um-btn-edit{color:#f57f17;background:#fff8e1}.um-btn-del{color:#c62828;background:#fce4ec}.um-empty{text-align:center;color:#bbb;padding:48px 16px}.um-empty-icon{margin-bottom:12px;font-size:36px}.um-empty-text{font-size:14px}.um-pagination{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.um-pagination-info{color:#888;font-size:12px}.um-pagination-btns{gap:4px;display:flex}.um-page-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px;transition:background .15s}.um-page-btn:hover{background:#f5f5f5}.um-page-btn.active{color:#4a2f00;background:#f5c518;border-color:#f5c518;font-weight:600}.um-page-btn:disabled{opacity:.4;cursor:not-allowed}.um-loading{text-align:center;color:#888;padding:48px;font-size:14px}.um-error{text-align:center;color:#e74c3c;padding:48px;font-size:14px}.um-stats{color:#888;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.um-stats i{font-size:16px}.um-stats strong{color:#1a1a1a}.um-total{color:#555;white-space:nowrap;background:#f5f5f5;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;font-size:13px;display:flex}.um-total i{color:#888;font-size:15px}.um-total strong{color:red}.cat-modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cat-modal-box{background:#fff;border-radius:14px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.cat-modal-header{z-index:1;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.cat-modal-title{color:#1a1a1a;font-size:16px;font-weight:700}.cat-modal-close{cursor:pointer;color:#888;background:#f5f5f5;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:flex}.cat-modal-close:hover{color:#333;background:#eee}.cat-modal-body{padding:24px}.cat-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.cat-form-field-full{grid-column:1/-1}.cat-form-field{flex-direction:column;gap:6px;display:flex}.cat-form-label{color:#555;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.cat-form-label span{color:#e74c3c;margin-left:2px}.cat-form-input,.cat-form-select{color:#1a1a1a;background:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.cat-form-input:focus,.cat-form-select:focus{border-color:#00bcd4}.cat-form-input--error{border-color:#e74c3c}.cat-form-error{color:#e74c3c;font-size:11px}.cat-form-textarea{color:#1a1a1a;resize:vertical;border:1px solid #e5e5e5;border-radius:8px;outline:none;min-height:80px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.cat-form-textarea:focus{border-color:#00bcd4}.cat-fields-section{margin-top:8px}.cat-fields-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cat-fields-title{color:#555;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.cat-btn-add-field{color:#00838f;cursor:pointer;background:#e0f7fa;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;display:flex}.cat-btn-add-field:hover{background:#b2ebf2}.cat-field-row{background:#fafafa;border-radius:8px;grid-template-columns:1fr 1fr 80px 32px;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;display:grid}.cat-field-input,.cat-field-select{color:#1a1a1a;background:#fff;border:1px solid #e5e5e5;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:12px;transition:border-color .2s}.cat-field-input:focus,.cat-field-select:focus{border-color:#00bcd4}.cat-field-required{color:#555;cursor:pointer;justify-content:center;align-items:center;gap:5px;font-size:12px;display:flex}.cat-field-required input{accent-color:#4caf50;cursor:pointer}.cat-btn-remove-field{color:#c62828;cursor:pointer;background:#fce4ec;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .15s;display:flex}.cat-btn-remove-field:hover{background:#f8bbd0}.cat-fields-empty{text-align:center;color:#bbb;background:#fafafa;border:1px dashed #e5e5e5;border-radius:8px;padding:20px;font-size:13px}.cat-modal-api-error{color:#c62828;background:#fce4ec;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.cat-modal-footer{background:#fff;border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.cat-modal-btn-cancel{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.cat-modal-btn-cancel:hover{background:#f5f5f5}.cat-modal-btn-save{color:#fff;cursor:pointer;background:#00bcd4;border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.cat-modal-btn-save:hover{background:#00acc1}.cat-modal-btn-save:disabled{opacity:.65;cursor:not-allowed}.cat-icon-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:6px;display:grid}.cat-icon-item{cursor:pointer;color:#888;text-align:center;border:1.5px solid #e5e5e5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;font-size:10px;transition:border-color .15s,background .15s;display:flex}.cat-icon-item:hover,.cat-icon-item.selected{color:#00838f;background:#e0f7fa;border-color:#00bcd4}.cat-icon-item i{font-size:20px}.cat-fixed-fields{background:#fafafa;border-radius:10px;margin-top:6px;padding:12px}.cat-fixed-field-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.cat-fixed-field-row:last-child{border-bottom:none}.cat-fixed-field-left{color:#333;align-items:center;gap:8px;display:flex}.cat-fixed-field-left i{color:#bbb;font-size:16px}.cat-fixed-field-locked{color:#bbb;background:#f0f0f0;border-radius:20px;padding:2px 8px;font-size:11px}.cat-fixed-field-required{color:#555;cursor:pointer;align-items:center;gap:5px;font-size:12px;display:flex}.cat-fixed-field-required input{accent-color:#4caf50;cursor:pointer;width:14px;height:14px}.cat-detail-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cat-detail-box{background:#fff;border-radius:14px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.cat-detail-header{z-index:1;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.cat-detail-title{color:#1a1a1a;font-size:16px;font-weight:700}.cat-detail-icon-section{border-bottom:1px solid #f0f0f0;align-items:center;gap:16px;padding:24px;display:flex}.cat-detail-icon{background:#fff8e1;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.cat-detail-icon i{color:#f57f17;font-size:28px}.cat-detail-name{color:#1a1a1a;margin-bottom:4px;font-size:18px;font-weight:700}.cat-detail-desc{color:#888;font-size:13px;line-height:1.5}.cat-detail-body{padding:20px 24px}.cat-detail-section-title{color:#888;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #f5f5f5;margin-top:20px;margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:700}.cat-detail-section-title:first-child{margin-top:0}.cat-detail-row{border-bottom:1px solid #f9f9f9;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.cat-detail-row:last-child{border-bottom:none}.cat-detail-row-label{color:#888}.cat-detail-row-value{color:#1a1a1a;font-weight:500}.cat-detail-fields{margin-top:20px}.cat-detail-field-item{background:#fafafa;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;font-size:13px;display:flex}.cat-detail-field-label{color:#1a1a1a;font-weight:600}.cat-detail-field-meta{align-items:center;gap:8px;display:flex}.cat-detail-field-type{color:#b8860b;background:#f5c51826;border:1px solid #f5c5184d;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.cat-detail-field-required{color:#c62828;background:#fce4ec;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.cat-detail-children{margin-top:20px}.cat-detail-child-item{background:#f0f9ff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;font-size:13px;display:flex}.cat-detail-child-name{color:#1565c0;font-weight:600}.cat-detail-child-count{color:#888;font-size:11px}.cat-detail-footer{background:#fff;border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.cat-detail-btn-close{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.cat-detail-btn-close:hover{background:#f5f5f5}.cat-detail-btn-edit{color:#f57f17;cursor:pointer;background:#fff8e1;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.cat-detail-btn-edit:hover{background:#fff3cd}.cat-page{background:#fff;min-height:100%;padding:28px}.cat-toolbar{gap:12px;margin-bottom:24px;display:flex}.cat-search-wrap{flex:1;position:relative}.cat-search-icon{color:#bbb;pointer-events:none;font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cat-search-input{box-sizing:border-box;color:#1a1a1a;border:1px solid #e5e5e5;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 36px;font-family:inherit;font-size:13px;transition:border-color .2s}.cat-search-input:focus{border-color:#00bcd4}.cat-total{color:#555;white-space:nowrap;background:#f5f5f5;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;font-size:13px;display:flex}.cat-total i{color:#888;font-size:15px}.cat-total strong{color:#1a1a1a}.cat-btn-add-inline{color:#fff;cursor:pointer;white-space:nowrap;background:#00bcd4;border:1.5px solid #00bcd4;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex}.cat-btn-add-inline:hover{color:#00bcd4;background:#fff}.cat-btn-add-inline i{font-size:15px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.cat-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:14px;padding:18px;transition:box-shadow .2s,transform .15s,border-color .2s;position:relative}.cat-card:hover{border-color:#e0e0e0;transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.cat-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cat-card-icon{background:#fff8e1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cat-card-icon i{color:#f57f17;font-size:22px}.cat-card-actions{gap:6px;display:flex}.cat-btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:opacity .15s,transform .15s;display:flex}.cat-btn-icon:hover{opacity:.8;transform:translateY(-1px)}.cat-btn-edit{color:#f57f17;background:#fff8e1}.cat-btn-del{color:#c62828;background:#fce4ec}.cat-card-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:15px;font-weight:700;overflow:hidden}.cat-card-desc{color:#aaa;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:17px;margin-bottom:12px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.cat-card-name-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.cat-card-prefix-inline{color:#3949ab;white-space:nowrap;background:#e8eaf6;border:1px solid #c5cae9;border-radius:20px;flex-shrink:0;padding:2px 8px;font-family:Courier New,monospace;font-size:11px;font-weight:700}.cat-card-stats{gap:8px;margin-top:12px;display:flex}.cat-stat{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.cat-stat i{font-size:13px}.cat-stat-asset{color:#2e7d32;background:#e8f5e9}.cat-stat-asset i{color:#2e7d32}.cat-stat-field{color:#1565c0;background:#e3f2fd}.cat-stat-field i{color:#1565c0}.cat-empty{text-align:center;color:#bbb;grid-column:1/-1;padding:48px 16px}.cat-empty-icon{margin-bottom:12px;font-size:40px}.cat-empty-text{font-size:14px}.cat-loading{text-align:center;color:#888;grid-column:1/-1;padding:48px;font-size:14px}.cat-error{text-align:center;color:#e74c3c;grid-column:1/-1;padding:48px;font-size:14px}.cat-pagination{justify-content:space-between;align-items:center;display:flex}.cat-pagination-info{color:#888;font-size:12px}.cat-pagination-btns{gap:4px;display:flex}.cat-page-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px;transition:background .15s}.cat-page-btn:hover{background:#f5f5f5}.cat-page-btn.active{color:#4a2f00;background:#f5c518;border-color:#f5c518;font-weight:600}.cat-page-btn:disabled{opacity:.4;cursor:not-allowed}.am-modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.am-modal-box{background:#fff;border-radius:14px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.am-modal-header{z-index:1;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.am-modal-title{color:#1a1a1a;font-size:16px;font-weight:700}.am-modal-close{cursor:pointer;color:#888;background:#f5f5f5;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:flex}.am-modal-close:hover{color:#333;background:#eee}.am-modal-body{padding:24px}.am-section-title{color:#888;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #f5f5f5;margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:700}.am-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.am-form-field-full{grid-column:1/-1}.am-form-field{flex-direction:column;gap:6px;display:flex}.am-form-label{color:#555;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.am-form-label span{color:#e74c3c;margin-left:2px}.am-form-input,.am-form-select{color:#1a1a1a;background:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.am-form-input:focus,.am-form-select:focus{border-color:#00bcd4}.am-form-input--error{border-color:#e74c3c}.am-form-error{color:#e74c3c;font-size:11px}.am-form-input:disabled{color:#999;cursor:not-allowed;background:#f9f9f9}.am-form-textarea{color:#1a1a1a;resize:vertical;border:1px solid #e5e5e5;border-radius:8px;outline:none;min-height:80px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.am-form-textarea:focus{border-color:#00bcd4}.am-tag-preview{background:#e3f2fd;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.am-tag-preview-label{color:#888;font-size:12px}.am-tag-preview-value{color:#1565c0;font-family:Courier New,monospace;font-size:14px;font-weight:700}.am-custom-fields{margin-top:8px}.am-custom-fields-empty{text-align:center;color:#bbb;background:#fafafa;border:1px dashed #e5e5e5;border-radius:8px;padding:16px;font-size:13px}.am-modal-api-error{color:#c62828;background:#fce4ec;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.am-modal-footer{background:#fff;border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.am-modal-btn-cancel{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.am-modal-btn-cancel:hover{background:#f5f5f5}.am-modal-btn-save{color:#fff;cursor:pointer;background:#00bcd4;border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.am-modal-btn-save:hover{background:#00acc1}.am-modal-btn-save:disabled{opacity:.65;cursor:not-allowed}.am-detail-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.am-detail-box{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.am-detail-header{z-index:1;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.am-detail-title{color:#1a1a1a;font-size:16px;font-weight:700}.am-detail-top{border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:16px;padding:24px;display:flex}.am-detail-icon{background:#e3f2fd;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.am-detail-icon i{color:#1565c0;font-size:26px}.am-detail-tag{color:#1565c0;background:#e3f2fd;border-radius:6px;margin-bottom:6px;padding:3px 10px;font-family:Courier New,monospace;font-size:12px;font-weight:700;display:inline-block}.am-detail-name{color:#1a1a1a;margin-bottom:4px;font-size:17px;font-weight:700}.am-detail-sub{color:#888;font-size:12px}.am-detail-body{padding:20px 24px}.am-detail-section-title{color:#888;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #f5f5f5;margin-top:20px;margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:700}.am-detail-section-title:first-child{margin-top:0}.am-detail-row{border-bottom:1px solid #f9f9f9;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.am-detail-row:last-child{border-bottom:none}.am-detail-row-label{color:#888}.am-detail-row-value{color:#1a1a1a;text-align:right;font-weight:500}.am-detail-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.am-detail-badge-active{color:#2e7d32;background:#e8f5e9}.am-detail-badge-inactive{color:#666;background:#f5f5f5}.am-detail-badge-maintenance{color:#f57f17;background:#fff8e1}.am-detail-badge-dispose{color:#c62828;background:#fce4ec}.am-detail-custom-field{border-bottom:1px solid #f9f9f9;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.am-detail-custom-field:last-child{border-bottom:none}.am-detail-custom-label{color:#888}.am-detail-custom-value{color:#1a1a1a;font-weight:500}.am-detail-footer{background:#fff;border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.am-detail-btn-close{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.am-detail-btn-close:hover{background:#f5f5f5}.am-detail-btn-edit{color:#f57f17;cursor:pointer;background:#fff8e1;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.am-detail-btn-edit:hover{background:#fff3cd}.am-page{background:#fff;min-height:100%;padding:10px}.am-title{color:#1a1a1a;margin-bottom:24px;font-size:20px;font-weight:700}.am-toolbar{gap:12px;margin-bottom:20px;display:flex}.am-search-wrap{flex:1;position:relative}.am-search-icon{color:#bbb;pointer-events:none;font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.am-search-input{box-sizing:border-box;color:#1a1a1a;border:1px solid #e5e5e5;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 36px;font-family:inherit;font-size:13px;transition:border-color .2s}.am-search-input:focus{border-color:#00bcd4}.am-filter-select{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px}.am-filter-select:focus{border-color:#00bcd4}.am-table-wrap{border:1px solid #f0f0f0;border-radius:10px;overflow:hidden}.am-table{border-collapse:collapse;table-layout:fixed;width:100%}.am-table thead{background:#fafafa}.am-table th{text-align:left;color:#888;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:11px 16px;font-size:11px;font-weight:600}.am-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.am-table th.sortable:hover{color:#555}.am-th-inner{align-items:center;gap:5px;display:flex}.am-sort-icon{flex-direction:column;gap:2px;display:flex}.am-sort-icon span{opacity:.3;width:0;height:0;display:block}.am-sort-icon .up{border-bottom:4px solid #555;border-left:3px solid #0000;border-right:3px solid #0000}.am-sort-icon .down{border-top:4px solid #555;border-left:3px solid #0000;border-right:3px solid #0000}.am-sort-icon.asc .up{opacity:1;border-bottom-color:#00bcd4}.am-sort-icon.desc .down{opacity:1;border-top-color:#00bcd4}.am-table td{color:#333;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f9f9f9;padding:13px 16px;font-size:13px;overflow:hidden}.am-table tr:last-child td{border-bottom:none}.am-table tbody tr:hover td{background:#fafafa}.am-asset-tag{color:#1565c0;background:#e3f2fd;border-radius:6px;padding:3px 8px;font-family:Courier New,monospace;font-size:12px;font-weight:700;display:inline-block}.am-name-cell{flex-direction:column;gap:2px;display:flex}.am-name{color:#1a1a1a;font-size:13px;font-weight:600}.am-sub{color:#888;font-size:11px}.am-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.am-badge-active{color:#2e7d32;background:#e8f5e9}.am-badge-inactive{color:#666;background:#f5f5f5}.am-badge-maintenance{color:#f57f17;background:#fff8e1}.am-badge-dispose{color:#c62828;background:#fce4ec}.am-badge-category{color:#1565c0;background:#e3f2fd;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.am-actions{gap:6px;display:flex}.am-btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:opacity .15s,transform .15s;display:flex}.am-btn-icon:hover{opacity:.8;transform:translateY(-1px)}.am-btn-view{color:#1565c0;background:#e3f2fd}.am-btn-edit{color:#f57f17;background:#fff8e1}.am-btn-del{color:#c62828;background:#fce4ec}.am-empty{text-align:center;color:#bbb;padding:48px 16px}.am-empty-icon{margin-bottom:12px;font-size:36px}.am-empty-text{font-size:14px}.am-loading{text-align:center;color:#888;padding:48px;font-size:14px}.am-error{text-align:center;color:#e74c3c;padding:48px;font-size:14px}.am-pagination{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.am-pagination-info{color:#888;font-size:12px}.am-pagination-btns{gap:4px;display:flex}.am-page-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px;transition:background .15s}.am-page-btn:hover{background:#f5f5f5}.am-page-btn.active{color:#4a2f00;background:#f5c518;border-color:#f5c518;font-weight:600}.am-page-btn:disabled{opacity:.4;cursor:not-allowed}.am-category-header{color:#1a1a1a;align-items:center;gap:6px;margin-bottom:10px;font-size:20px;font-weight:700;display:flex}.am-category-header i{color:#f57f17;font-size:25px}.am-kpi-grid{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.am-kpi-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;flex:1 1 0;align-items:center;gap:12px;min-width:140px;padding:12px 14px;display:flex}.am-kpi-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.am-kpi-info{flex-direction:column;gap:4px;display:flex;overflow:hidden}.am-kpi-value{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;line-height:1;overflow:hidden}.am-kpi-label{color:#888;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:11px;overflow:hidden}.am-kpi-categories .am-kpi-icon{color:#f57f17}.am-kpi-total .am-kpi-icon{color:#1565c0}.am-kpi-value-card .am-kpi-icon,.am-kpi-active .am-kpi-icon{color:#2e7d32}.am-kpi-inactive .am-kpi-icon{color:#666}.am-kpi-maintenance .am-kpi-icon{color:#f57f17}.am-kpi-dispose .am-kpi-icon{color:#c62828}.am-kpi-icon-rm{color:#2e7d32;text-align:center;width:16px;font-size:18px;font-weight:700}.am-btn-add-inline{color:#fff;cursor:pointer;white-space:nowrap;background:#00bcd4;border:1.5px solid #00bcd4;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex}.am-btn-add-inline:hover{color:#00bcd4;background:#fff}.am-btn-add-inline i{font-size:15px}.am-btn-print{color:#4a2f00;cursor:pointer;white-space:nowrap;background:#f5c518;border:1.5px solid #f5c518;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex}.am-btn-print:hover{color:#f5c518;background:#fff;border-color:#f5c518}.am-btn-print i{font-size:15px}.am-print-only{display:none}@media print{@page{size:A4 landscape;margin:15mm}body *{visibility:hidden}#am-print-kpi,#am-print-kpi *{visibility:visible}.am-print-only{visibility:visible!important;display:block!important}#am-print-table-all,#am-print-table-all *{visibility:visible!important}#am-print-table-all table{display:table!important}#am-print-table-all thead{display:table-header-group!important}#am-print-table-all tbody{display:table-row-group!important}#am-print-table-all tr{display:table-row!important}#am-print-table-all th,#am-print-table-all td{display:table-cell!important}#am-print-kpi{border-bottom:1px solid #ccc;flex-wrap:wrap;gap:8px;width:100%;padding-bottom:12px;position:absolute;top:0;left:0;display:flex!important}#am-print-table-all{width:100%;position:absolute;top:110px;left:0}#am-print-table-all table{border-collapse:collapse;table-layout:auto;width:100%}#am-print-table-all th,#am-print-table-all td{color:#000!important;text-align:left!important;background:#fff!important;border:1px solid #ccc!important;padding:5px 6px!important;font-size:9px!important}#am-print-table-all thead tr{background:#f0f0f0!important}#am-print-table-all th{background:#f0f0f0!important;font-weight:700!important}.am-kpi-card{background:#fafafa!important;border:1px solid #ddd!important;flex:none!important;padding:6px 10px!important}.am-kpi-value{font-size:14px!important}.am-kpi-label{font-size:9px!important}.am-kpi-icon{font-size:12px!important}}.mn-modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.mn-modal-box{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.mn-modal-header{z-index:1;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.mn-modal-title{color:#1a1a1a;font-size:16px;font-weight:700}.mn-modal-close{cursor:pointer;color:#888;background:#f5f5f5;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:flex}.mn-modal-close:hover{color:#333;background:#eee}.mn-modal-body{padding:24px}.mn-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mn-form-field-full{grid-column:1/-1}.mn-form-field{flex-direction:column;gap:6px;display:flex}.mn-form-label{color:#555;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.mn-form-label span{color:#e74c3c;margin-left:2px}.mn-form-input,.mn-form-select{color:#1a1a1a;background:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.mn-form-input:focus,.mn-form-select:focus{border-color:#00bcd4}.mn-form-input--error{border-color:#e74c3c}.mn-form-error{color:#e74c3c;font-size:11px}.mn-form-textarea{color:#1a1a1a;resize:vertical;border:1px solid #e5e5e5;border-radius:8px;outline:none;min-height:80px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.mn-form-textarea:focus{border-color:#00bcd4}.mn-asset-preview{background:#e3f2fd;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.mn-asset-preview-tag{color:#1565c0;font-family:Courier New,monospace;font-size:13px;font-weight:700}.mn-asset-preview-name{color:#555;font-size:12px}.mn-modal-api-error{color:#c62828;background:#fce4ec;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.mn-modal-footer{background:#fff;border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.mn-modal-btn-cancel{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.mn-modal-btn-cancel:hover{background:#f5f5f5}.mn-modal-btn-save{color:#fff;cursor:pointer;background:#00bcd4;border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.mn-modal-btn-save:hover{background:#00acc1}.mn-modal-btn-save:disabled{opacity:.65;cursor:not-allowed}.mn-detail-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.mn-detail-box{background:#fff;border-radius:14px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.mn-detail-header{z-index:1;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.mn-detail-title{color:#1a1a1a;font-size:16px;font-weight:700}.mn-detail-top{border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:16px;padding:24px;display:flex}.mn-detail-icon{background:#e8f5e9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.mn-detail-icon i{color:#2e7d32;font-size:26px}.mn-detail-asset-tag{color:#1565c0;background:#e3f2fd;border-radius:6px;margin-bottom:6px;padding:3px 10px;font-family:Courier New,monospace;font-size:12px;font-weight:700;display:inline-block}.mn-detail-asset-name{color:#1a1a1a;margin-bottom:2px;font-size:16px;font-weight:700}.mn-detail-asset-cat{color:#888;font-size:12px}.mn-detail-body{padding:20px 24px}.mn-detail-section-title{color:#888;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #f5f5f5;margin-top:20px;margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:700}.mn-detail-section-title:first-child{margin-top:0}.mn-detail-row{border-bottom:1px solid #f9f9f9;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.mn-detail-row:last-child{border-bottom:none}.mn-detail-row-label{color:#888}.mn-detail-row-value{color:#1a1a1a;text-align:right;font-weight:500}.mn-detail-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.mn-detail-badge-repair{color:#1565c0;background:#e3f2fd}.mn-detail-badge-service{color:#2e7d32;background:#e8f5e9}.mn-detail-badge-inspection{color:#555;background:#f5f5f5}.mn-detail-badge-pending{color:#c62828;background:#fce4ec}.mn-detail-badge-inprogress{color:#f57f17;background:#fff8e1}.mn-detail-badge-completed{color:#2e7d32;background:#e8f5e9}.mn-detail-text{color:#555;background:#fafafa;border-radius:8px;margin-top:4px;padding:12px;font-size:13px;line-height:1.6}.mn-detail-footer{background:#fff;border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.mn-detail-btn-close{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.mn-detail-btn-close:hover{background:#f5f5f5}.mn-detail-btn-edit{color:#f57f17;cursor:pointer;background:#fff8e1;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.mn-detail-btn-edit:hover{background:#fff3cd}.mn-page{background:#fff;min-height:100%;padding:10px}.mn-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.mn-search-wrap{flex:1;min-width:200px;position:relative}.mn-search-icon{color:#bbb;pointer-events:none;font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mn-search-input{box-sizing:border-box;color:#1a1a1a;border:1px solid #e5e5e5;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 36px;font-family:inherit;font-size:13px;transition:border-color .2s}.mn-search-input:focus{border-color:#00bcd4}.mn-filter-select{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;min-width:130px;padding:10px 14px;font-family:inherit;font-size:13px}.mn-filter-select:focus{border-color:#00bcd4}.mn-kpi-grid{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.mn-kpi-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;flex:1 1 0;align-items:center;gap:12px;min-width:140px;padding:12px 14px;display:flex}.mn-kpi-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.mn-kpi-info{flex-direction:column;gap:4px;display:flex;overflow:hidden}.mn-kpi-value{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;line-height:1;overflow:hidden}.mn-kpi-label{color:#888;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:11px;overflow:hidden}.mn-kpi-total .mn-kpi-icon{color:#1565c0}.mn-kpi-pending .mn-kpi-icon{color:#c62828}.mn-kpi-inprogress .mn-kpi-icon{color:#f57f17}.mn-kpi-completed .mn-kpi-icon{color:#2e7d32}.mn-btn-add-inline{color:#fff;cursor:pointer;white-space:nowrap;background:#00bcd4;border:1.5px solid #00bcd4;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex}.mn-btn-add-inline:hover{color:#00bcd4;background:#fff}.mn-btn-add-inline i{font-size:15px}.mn-table-wrap{border:1px solid #f0f0f0;border-radius:10px;overflow:hidden}.mn-table{border-collapse:collapse;table-layout:fixed;width:100%}.mn-table thead{background:#fafafa}.mn-table th{text-align:left;color:#888;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:11px 16px;font-size:11px;font-weight:600}.mn-table td{color:#333;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f9f9f9;padding:13px 16px;font-size:13px;overflow:hidden}.mn-table tr:last-child td{border-bottom:none}.mn-table tbody tr:hover td{background:#fafafa}.mn-asset-tag{color:#1565c0;background:#e3f2fd;border-radius:6px;margin-bottom:3px;padding:3px 8px;font-family:Courier New,monospace;font-size:12px;font-weight:700;display:inline-block}.mn-asset-name{color:#888;font-size:11px}.mn-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.mn-badge-repair{color:#1565c0;background:#e3f2fd}.mn-badge-service{color:#2e7d32;background:#e8f5e9}.mn-badge-inspection{color:#555;background:#f5f5f5}.mn-badge-pending{color:#c62828;background:#fce4ec}.mn-badge-inprogress{color:#f57f17;background:#fff8e1}.mn-badge-completed{color:#2e7d32;background:#e8f5e9}.mn-actions{gap:6px;display:flex}.mn-btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:opacity .15s,transform .15s;display:flex}.mn-btn-icon:hover{opacity:.8;transform:translateY(-1px)}.mn-btn-view{color:#1565c0;background:#e3f2fd}.mn-btn-edit{color:#f57f17;background:#fff8e1}.mn-btn-del{color:#c62828;background:#fce4ec}.mn-empty{text-align:center;color:#bbb;padding:48px 16px}.mn-empty-icon{margin-bottom:12px;font-size:36px}.mn-empty-text{font-size:14px}.mn-loading{text-align:center;color:#888;padding:48px;font-size:14px}.mn-error{text-align:center;color:#e74c3c;padding:48px;font-size:14px}.mn-pagination{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.mn-pagination-info{color:#888;font-size:12px}.mn-pagination-btns{gap:4px;display:flex}.mn-page-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px;transition:background .15s}.mn-page-btn:hover{background:#f5f5f5}.mn-page-btn.active{color:#4a2f00;background:#f5c518;border-color:#f5c518;font-weight:600}.mn-page-btn:disabled{opacity:.4;cursor:not-allowed}.db-page{background:#fff;min-height:100%;padding:10px}.db-loading{color:#888;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px;font-size:14px;display:flex}.db-error{text-align:center;color:#e74c3c;padding:80px;font-size:14px}.db-kpi-grid{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.db-kpi-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;flex:1 1 0;align-items:center;gap:12px;min-width:140px;padding:12px 16px;transition:box-shadow .15s,transform .15s;display:flex}.db-kpi-card[style*="cursor: pointer"]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000012}.db-kpi-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.db-kpi-info{flex-direction:column;gap:3px;min-width:0;display:flex}.db-kpi-value{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;line-height:1;overflow:hidden}.db-kpi-label{color:#888;white-space:nowrap;font-size:11px}.db-charts-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:14px;display:grid}.db-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;padding:16px}.db-card-title{color:#1a1a1a;margin-bottom:14px;font-size:13px;font-weight:600}.db-card-title-row{align-items:center;gap:6px;margin-bottom:12px;display:flex}.db-card-title-row .db-card-title{margin-bottom:0}.db-donut-wrap{align-items:center;gap:16px;display:flex}.db-donut{flex-shrink:0;width:140px;height:140px}.db-donut-legend{flex-direction:column;flex:1;gap:6px;display:flex}.db-legend-item{align-items:center;gap:6px;font-size:11px;display:flex}.db-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.db-legend-label{color:#666;flex:1}.db-legend-value{color:#1a1a1a;font-weight:600}.db-bar-list{flex-direction:column;gap:10px;display:flex}.db-bar-item{flex-direction:column;gap:4px;display:flex}.db-bar-header{justify-content:space-between;font-size:11px;display:flex}.db-bar-label{color:#666}.db-bar-value{color:#1a1a1a;font-weight:600}.db-bar-track{background:#f0f0f0;border-radius:4px;height:7px;overflow:hidden}.db-bar-fill{border-radius:4px;min-width:2px;height:100%;transition:width .4s}.db-bottom-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.db-warranty-list{flex-direction:column;gap:8px;display:flex}.db-warranty-item{cursor:pointer;border-left:3px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;transition:opacity .15s;display:flex}.db-warranty-item:hover{opacity:.85}.db-warranty-tag{font-size:12px;font-weight:600}.db-warranty-sub{margin-top:2px;font-size:11px}.db-activity-list{flex-direction:column;gap:0;display:flex}.db-activity-item{border-bottom:1px solid #f5f5f5;align-items:center;gap:10px;padding:10px 0;display:flex}.db-activity-item:last-child{border-bottom:none}.db-activity-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.db-activity-info{flex:1;min-width:0}.db-activity-name{color:#1a1a1a;margin-bottom:2px;font-size:12px;font-weight:600}.db-activity-desc{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.db-activity-action{font-size:11px}.db-activity-time{color:#bbb;white-space:nowrap;flex-shrink:0;font-size:10px}.al-detail-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.al-detail-box{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.al-detail-header{z-index:1;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.al-detail-title{color:#1a1a1a;font-size:16px;font-weight:700}.al-detail-body{padding:20px 24px}.al-detail-section-title{color:#888;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #f5f5f5;margin-top:20px;margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:700}.al-detail-section-title:first-child{margin-top:0}.al-detail-row{border-bottom:1px solid #f9f9f9;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.al-detail-row:last-child{border-bottom:none}.al-detail-row-label{color:#888}.al-detail-row-value{color:#1a1a1a;text-align:right;font-weight:500}.al-detail-json{color:#333;white-space:pre-wrap;word-break:break-all;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;margin-top:8px;padding:12px;font-family:Courier New,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.al-detail-footer{background:#fff;border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;padding:16px 24px;display:flex;position:sticky;bottom:0}.al-detail-btn-close{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.al-detail-btn-close:hover{background:#f5f5f5}.al-page{background:#fff;min-height:100%;padding:10px}.al-kpi-grid{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.al-kpi-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;flex:1 1 0;align-items:center;gap:12px;min-width:140px;padding:12px 14px;display:flex}.al-kpi-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.al-kpi-info{flex-direction:column;gap:4px;display:flex;overflow:hidden}.al-kpi-value{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;line-height:1;overflow:hidden}.al-kpi-label{color:#888;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:11px;overflow:hidden}.al-kpi-total .al-kpi-icon{color:#1565c0}.al-kpi-create .al-kpi-icon{color:#2e7d32}.al-kpi-update .al-kpi-icon{color:#f57f17}.al-kpi-delete .al-kpi-icon{color:#c62828}.al-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.al-search-wrap{flex:1;min-width:200px;position:relative}.al-search-icon{color:#bbb;pointer-events:none;font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.al-search-input{box-sizing:border-box;color:#1a1a1a;border:1px solid #e5e5e5;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 36px;font-family:inherit;font-size:13px;transition:border-color .2s}.al-search-input:focus{border-color:#00bcd4}.al-filter-select{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;min-width:130px;padding:10px 14px;font-family:inherit;font-size:13px}.al-filter-select:focus{border-color:#00bcd4}.al-date-range{flex-shrink:0;align-items:center;gap:8px;display:flex}.al-date-input{color:#555;background:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;padding:9px 10px;font-family:inherit;font-size:13px}.al-date-input:focus{border-color:#00bcd4}.al-date-sep{color:#aaa;font-size:12px}.al-table-wrap{border:1px solid #f0f0f0;border-radius:10px;overflow:hidden}.al-table{border-collapse:collapse;table-layout:fixed;width:100%}.al-table thead{background:#fafafa}.al-table th{text-align:left;color:#888;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:11px 16px;font-size:11px;font-weight:600}.al-table td{color:#333;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f9f9f9;padding:12px 16px;font-size:13px;overflow:hidden}.al-table tr:last-child td{border-bottom:none}.al-table tbody tr:hover td{background:#fafafa}.al-user-name{color:#1a1a1a;font-size:13px;font-weight:600}.al-user-email{color:#888;font-size:11px}.al-ip{color:#555;font-family:Courier New,monospace;font-size:12px}.al-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.al-badge-auth,.al-badge-users{color:#1565c0;background:#e3f2fd}.al-badge-categories{color:#b8860b;background:#f5c51826;border:1px solid #f5c5184d}.al-badge-assets{color:#f57f17;background:#fff8e1}.al-badge-maintenance,.al-badge-login,.al-badge-create{color:#2e7d32;background:#e8f5e9}.al-badge-update{color:#f57f17;background:#fff8e1}.al-badge-delete{color:#c62828;background:#fce4ec}.al-btn-view{cursor:pointer;color:#1565c0;background:#e3f2fd;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:opacity .15s,transform .15s;display:flex}.al-btn-view:hover{opacity:.8;transform:translateY(-1px)}.al-empty{text-align:center;color:#bbb;padding:48px 16px}.al-empty-icon{margin-bottom:12px;font-size:36px}.al-empty-text{font-size:14px}.al-loading{text-align:center;color:#888;padding:48px;font-size:14px}.al-error{text-align:center;color:#e74c3c;padding:48px;font-size:14px}.al-pagination{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.al-pagination-info{color:#888;font-size:12px}.al-pagination-btns{gap:4px;display:flex}.al-page-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px;transition:background .15s}.al-page-btn:hover{background:#f5f5f5}.al-page-btn.active{color:#4a2f00;background:#f5c518;border-color:#f5c518;font-weight:600}.al-page-btn:disabled{opacity:.4;cursor:not-allowed}.al-btn-print{color:#4a2f00;cursor:pointer;white-space:nowrap;background:#f5c518;border:1.5px solid #f5c518;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex}.al-btn-print:hover{color:#f5c518;background:#fff;border-color:#f5c518}.al-btn-print i{font-size:15px}@media print{body *{visibility:hidden}.al-table-wrap,.al-table-wrap *{visibility:visible}.al-table-wrap{border:none;width:100%;position:absolute;top:0;left:0}.al-table-wrap:before{content:"Audit Log Report — Printed on " attr(data-print-date);visibility:visible;margin-bottom:12px;font-size:14px;font-weight:700;display:block}.al-table th,.al-table td{color:#000!important;background:#fff!important;border:1px solid #ccc!important;padding:6px 8px!important;font-size:10px!important}.al-table thead{background:#f0f0f0!important}.al-table th:last-child,.al-table td:last-child{display:none}}