:root{--space-bg:#06080c;--tech-blue:#00d2ff;--tech-blue-hover:#0099cc;--metallic-silver:#e2e8f0;--panel-white:#ffffff;--text-dark:#1e293b;--sidebar-width-expanded:260px;--sidebar-width-collapsed:85px}body{background-color:var(--space-bg);background-image:radial-gradient(white, rgba(255, 255, 255, .2) 2px, transparent 40px),radial-gradient(white, rgba(255, 255, 255, .15) 1px, transparent 30px),radial-gradient(white, rgba(255, 255, 255, .1) 2px, transparent 40px),radial-gradient(circle at 50% 20%, #111726 0%, var(--space-bg) 100%);background-size:550px 550px, 350px 350px, 250px 250px, 100% 100%;background-position:0 0, 40px 60px, 130px 270px, 0 0;color:#ffffff;font-family:'Noto Sans TC', 'Orbitron', system-ui, -apple-system, sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0, 210, 255, 0.5)}.btn-tech-blue{background-color:#00d2ff;color:#fff;border:none;transition:all 0.2s ease}.btn-tech-blue:focus{background-color:#00d2ff;color:#fff;box-shadow:none;outline:none}@media (hover:hover){.btn-tech-blue:hover{background-color:#00bce6;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0, 210, 255, 0.5)}}.btn-tech-blue:active{background-color:#00a8cc !important;color:#fff !important;transform:translateY(0);box-shadow:none !important}.lifechain-sidebar{width:var(--sidebar-width-expanded);min-width:var(--sidebar-width-expanded);background:rgba(10, 14, 22, 0.85);backdrop-filter:blur(20px);border-right:1px solid rgba(255, 255, 255, 0.08);position:relative;z-index:1040;transition:width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), min-width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.3s ease;white-space:nowrap;display:flex;flex-direction:column}.sidebar-menu-wrapper{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding-top:10px}.sidebar-toggle-btn{position:absolute;top:50%;right:-15px;transform:translateY(-50%);width:30px;height:36px;border-radius:45%;background-color:var(--tech-blue);color:var(--space-bg);border:3px solid var(--space-bg);z-index:1050;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0, 210, 255, 0.4);transition:background-color 0.2s ease;padding:0}.sidebar-toggle-btn:hover{background-color:#ffffff}.sidebar-toggle-btn i{transition:transform 0.3s ease}.sidebar-text{transition:opacity 0.2s ease;opacity:1;display:inline-block}.menu-category-header{color:rgba(255, 255, 255, 0.7) !important;display:flex;align-items:center;padding:12px 15px;border-radius:8px;transition:all 0.2s ease;margin-bottom:2px}.menu-category-header:hover{background-color:rgba(255, 255, 255, 0.05);color:#ffffff !important}.menu-category-header.active{background-color:rgba(0, 210, 255, 0.1);color:var(--tech-blue) !important}.menu-category-header.active .menu-icon{color:var(--tech-blue);text-shadow:0 0 8px rgba(0, 210, 255, 0.4)}.menu-icon{font-size:1.4rem;margin-right:12px;width:28px;text-align:center;transition:all 0.2s;color:var(--metallic-silver)}.arrow-icon{transition:transform 0.3s ease;font-size:0.8rem}.menu-category-header.collapsed .arrow-icon{transform:rotate(-90deg)}.sub-menu-list{margin-top:4px;padding-bottom:8px}.sub-menu-list .nav-link{color:rgba(255, 255, 255, 0.55) !important;padding:8px 15px 8px 12px;border-radius:6px;font-size:0.9rem;transition:all 0.2s;text-decoration:none}.sub-menu-list .nav-link:hover{color:#ffffff !important}.sub-menu-list .nav-link.active{color:#ffffff !important;font-weight:700;background:rgba(255, 255, 255, 0.05)}.sub-menu-list .nav-link.active::before{content:"►";color:var(--tech-blue);text-decoration:none !important}body.sidebar-collapsed .lifechain-sidebar{width:var(--sidebar-width-collapsed);min-width:var(--sidebar-width-collapsed)}body.sidebar-collapsed .sidebar-toggle-btn i{transform:rotate(180deg)}body.sidebar-collapsed .sidebar-text,body.sidebar-collapsed .arrow-icon,body.sidebar-collapsed .sub-menu-list{display:none !important}body.sidebar-collapsed .brand-name{display:none !important}body.sidebar-collapsed .sidebar-brand{flex-direction:column;justify-content:center;padding-left:0 !important;padding-right:0 !important}body.sidebar-collapsed .sidebar-brand .text-info{margin-right:0 !important;font-size:1.8rem !important}body.sidebar-collapsed .brand-subname{display:block !important;margin-left:0 !important;border-left:none !important;padding-left:0 !important;font-size:0.7rem !important;margin-top:4px;text-align:center}body.sidebar-collapsed .menu-category-header{justify-content:center;padding-left:0;padding-right:0}body.sidebar-collapsed .menu-icon{margin-right:0;font-size:1.6rem}body.sidebar-collapsed .auth-standard-wrapper{display:none !important}body.sidebar-collapsed .auth-icon-wrapper{display:flex !important;justify-content:center;width:100%}body.sidebar-collapsed .avatar-wrapper{margin-right:0 !important}.main-wrapper{flex-grow:1;min-width:0;height:100vh;overflow-y:auto;overflow-x:hidden;padding-top:10px;padding-left:15px;padding-right:15px}.floating-panel{background:var(--panel-white);color:var(--text-dark);border-radius:16px;border:1px solid rgba(255, 255, 255, 0.8);box-shadow:0 15px 35px rgba(0, 0, 0, 0.35), 0 5px 15px rgba(0, 0, 0, 0.2);padding:16px;margin-bottom:24px}.lifechain-mobile-navbar{display:none}@media (max-width:991.98px){.lifechain-mobile-navbar{display:flex;background:rgba(10, 14, 22, 0.95);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255, 255, 255, 0.08);height:60px;z-index:1090;width:100vw;max-width:100vw}#mobile-hamburger-btn{position:fixed;top:5px;right:15px;z-index:1060;background:rgba(6, 8, 12, 0.6);border-radius:8px;padding:2px 10px !important;backdrop-filter:blur(5px)}.main-wrapper{padding:64px 10px 6px 10px !important;height:100vh}body.sidebar-mobile-open{overflow:hidden}body.sidebar-mobile-open .main-wrapper{padding-left:15px;padding-right:15px}.lifechain-sidebar.offcanvas-start{position:fixed;top:0;bottom:0;left:0;width:280px !important;min-width:280px !important;background:rgba(10, 14, 22, 0.95);box-shadow:5px 0 25px rgba(0, 0, 0, 0.5);z-index:1055;transform:translateX(-100%);transition:transform .3s ease-in-out}.offcanvas.show{transform:translateX(0) !important}.offcanvas-backdrop.show{z-index:1050;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(3px)}.sidebar-toggle-btn{display:none !important}body.sidebar-collapsed .brand-name,body.sidebar-collapsed .sidebar-text,body.sidebar-collapsed .arrow-icon,body.sidebar-collapsed .sub-menu-list{display:inline-block !important}.offcanvas-backdrop.show{z-index:1045}body.sidebar-collapsed .sub-menu-list{display:block !important}body.sidebar-collapsed .sidebar-brand{flex-direction:row;justify-content:flex-start;padding-left:1rem !important}body.sidebar-collapsed .menu-category-header{justify-content:flex-start;padding-left:15px}body.sidebar-collapsed .menu-icon{margin-right:12px;font-size:1.4rem}body.sidebar-collapsed .brand-subname{margin-left:0.5rem !important;border-left:1px solid rgba(255, 255, 255, 0.3) !important;padding-left:0.5rem !important;margin-top:0}}.form-label{font-weight:600;color:#475569;font-size:0.9rem;margin-bottom:4px}.accordion-item{border:none;margin-bottom:8px;border-radius:8px !important;box-shadow:0 2px 5px rgba(0, 0, 0, 0.05);overflow:hidden}.accordion-button{font-weight:bold;color:#1e293b;background-color:#f8fafc;padding:15px 20px}.accordion-button:not(.collapsed){color:#0284c7;background-color:#e0f2fe;box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .125)}.accordion-button:focus{box-shadow:none;border-color:rgba(0, 0, 0, .125)}.btn-delete-icon{font-size:1.1rem;cursor:pointer;transition:0.2s;text-decoration:none !important;color:#ef4444}.btn-delete-icon:hover{transform:scale(1.2);color:#b91c1c}.table-custom th{background-color:#f1f5f9 !important;color:#334155;white-space:nowrap;font-size:0.9rem}.table-custom td{vertical-align:middle;border-bottom:1px solid #f1f5f9;font-size:0.85rem}.table-custom tbody tr:not(.pto-detail-row):hover{background-color:#f8fafc}.tooltip-icon{cursor:help;margin-left:6px;font-size:1rem;color:#0ea5e9}.list-group-ul{padding:0 0 0 16px;margin:0;list-style:none}.pto-detail-row{display:none;background-color:#f8fafc}.pto-detail-row.show{display:table-row}.pto-detail-list{padding:0 0 0 16px;margin:0;list-style:none}.pto-detail-list li{padding:8px 16px;border-bottom:1px dashed #e2e8f0;display:flex;justify-content:space-between;align-items:center}.pto-detail-list li:last-child{border-bottom:none}.cursor-pointer{cursor:pointer}.toggle-icon{transition:transform 0.3s;display:inline-block;font-size:0.8rem;margin-right:5px;color:#64748b}.toggle-icon.open{transform:rotate(90deg)}