:root{--sidebar-width:260px;--sidebar-collapsed-width:70px;--header-height:56px;--primary-color:#0e20db;--primary-hover:#3f55a2;--sidebar-bg:#253a6b;--sidebar-hover:#3f55a2;--dark-blue:#253a6b;--text-dark:#1a1a1a;--text-body:#313131;--text-secondary:#5d6770;--border-grey:rgba(95,104,114,0.35);--off-white:#fafafa;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--radius-md:8px;--card-bg:#fff;--border-color:rgba(95,104,114,0.35);--accent-color:#0e20db;--accent-blue:#0e20db;--accent-cyan:#0e7490;--text-primary:#1a1a1a;--text-muted:#666c73;--radius-lg:12px;--radius-sm:4px;--shadow-lg:0 8px 30px rgba(0,0,0,0.12);--shadow-card:0 2px 8px rgba(37,58,107,0.08);--glass-bg:rgba(37,58,107,0.04);--glass-border:rgba(95,104,114,0.28);--glass-border-hover:rgba(14,32,219,0.4);--accent-gradient:linear-gradient(135deg,#0e20db,#3f55a2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow-x:hidden;background-color:#f0f2f5}.wrapper{display:flex;width:100%;min-height:100vh}#sidebar{width:var(--sidebar-width);height:100vh;height:100dvh;position:fixed;top:0;left:0;z-index:999;transition:all .3s;display:flex;flex-direction:column;overflow:hidden}#sidebar.collapsed{margin-left:calc(-1 * var(--sidebar-width))}.sidebar-header{padding:20px;background:rgba(0,0,0,0.15);flex-shrink:0}.sidebar-header h4{color:#fff;margin:0;font-size:1.2rem}.sidebar-header h4 i{margin-right:10px}#sidebar ul.components{padding:20px 0;flex-grow:1;overflow-y:auto;overflow-x:hidden;min-height:0}#sidebar ul.components::-webkit-scrollbar{width:5px}#sidebar ul.components::-webkit-scrollbar-track{background:transparent}#sidebar ul.components::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}#sidebar ul.components::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.4)}#sidebar ul.components{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent}#sidebar ul li{font-size:.95rem}#sidebar ul li a{padding:12px 20px;display:flex;align-items:center;color:rgba(255,255,255,0.8);text-decoration:none;transition:all .2s}#sidebar ul li a i{margin-right:12px;font-size:1.1rem;width:24px;text-align:center}#sidebar ul li a:hover{background:var(--sidebar-hover);color:#fff}#sidebar ul li.active>a{background:var(--primary-color);color:#fff}#sidebar ul li.nav-divider{border-top:1px solid rgba(255,255,255,0.1);margin:15px 20px}.sidebar-footer{padding:15px 20px;background:rgba(0,0,0,0.15);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.sidebar-footer .user-info{color:rgba(255,255,255,0.8);display:flex;align-items:center;gap:10px}.sidebar-footer .user-info i{font-size:1.5rem}#content{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);transition:all .3s;min-height:100vh;display:flex;flex-direction:column}#content.expanded{width:100%;margin-left:0}#content .navbar{padding:10px 20px;background:#fff !important;border-bottom:1px solid var(--border-grey)}#sidebarCollapse{background:var(--sidebar-bg);border:0}.main-content{flex-grow:1;background:#f0f2f5}.card{border:1px solid var(--border-grey);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);background:#fff}.card-header{background:#fff;border-bottom:1px solid var(--border-grey);font-weight:600;color:var(--text-dark)}.tool-card{transition:transform .2s,box-shadow .2s;cursor:pointer}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.tool-icon{font-size:3rem;color:var(--primary-color)}.alert{border:0;border-radius:var(--radius-md)}.btn{border-radius:6px}.btn-primary{background:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.table{margin-bottom:0}.table th{border-top:0;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}html{font-size:100%}img{max-width:100%;height:auto}.table-responsive-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1200px){.container-fluid{padding-left:20px;padding-right:20px}}@media(max-width:991px){#sidebar{margin-left:calc(-1 * var(--sidebar-width))}#sidebar.active{margin-left:0}#content{width:100%;margin-left:0}.col-md-4.mb-4{flex:0 0 50%;max-width:50%}.table-responsive,.card-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:550px}.table-borderless{min-width:unset}}@media(max-width:768px){#sidebar{margin-left:calc(-1 * var(--sidebar-width))}#sidebar.active{margin-left:0;box-shadow:5px 0 25px rgba(0,0,0,0.3)}#content{width:100%;margin-left:0}#content .navbar{padding:8px 12px}.navbar-brand{font-size:1rem}.container-fluid.p-4{padding:16px !important}.container-fluid.p-3{padding:12px !important}.col-md-4.mb-4{flex:0 0 100%;max-width:100%}.card-body{padding:1rem}.tool-icon{font-size:2.5rem}.tool-card .card-title{font-size:1.1rem}.form-control,.form-select{font-size:16px;padding:.6rem .75rem;min-height:44px}.input-group-text{min-height:44px;padding:.6rem .75rem}.btn{min-height:44px;padding:.5rem 1rem;font-size:.95rem}.table{font-size:.85rem}.table td,.table th{padding:.5rem;white-space:nowrap}.table-borderless td{display:block;width:100% !important;padding:.25rem 0}.table-borderless tr{display:block;padding:.5rem 0;border-bottom:1px solid var(--border-grey)}.tool-header{flex-direction:column;gap:.75rem;text-align:center}.tool-header h4{font-size:1.1rem}.tool-embed-container{height:calc(100vh - 280px);min-height:400px}.tool-iframe-container{top:48px}.main-content{height:calc(100vh - 48px)}h2{font-size:clamp(1.3rem,4vw,1.75rem)}#sidebar.active ~ #content::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:998}.reorder-controls{padding:8px 12px}.alert{font-size:.9rem;padding:.75rem 1rem}.badge{font-size:.7rem}}@media(max-width:576px){.container-fluid.p-4{padding:12px !important}h2{font-size:1.25rem}.card-header{padding:.75rem;font-size:.9rem}.btn-group-responsive{display:flex;flex-direction:column;gap:.5rem}.btn-group-responsive .btn{width:100%}.sidebar-header{padding:15px}.sidebar-header h4{font-size:1rem}.tool-embed-container{height:calc(100vh - 260px);min-height:350px}}@supports(-webkit-touch-callout:none){.wrapper{min-height:-webkit-fill-available}body{min-height:-webkit-fill-available}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],input[type="search"],textarea,select{font-size:16px}}@media(hover:none) and (pointer:coarse){#sidebar ul li a{padding:14px 20px}.btn{min-height:44px}.tool-card:hover{transform:none}.table-responsive-wrapper,.card-body{-webkit-overflow-scrolling:touch}}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(14,32,219,0.15)}.input-group-text{background:var(--off-white);border-right:0}.input-group .form-control{border-left:0}.input-group .form-control:focus{border-left:0}.badge{font-weight:500;padding:.4em .8em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.reorder-controls{border-top:1px solid rgba(255,255,255,0.1);margin-top:auto;flex-shrink:0}.reorder-controls .btn-outline-secondary{color:rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.3)}.reorder-controls .btn-outline-secondary:hover,.reorder-controls .btn-outline-secondary.active{background:rgba(255,255,255,0.1);color:#fff;border-color:rgba(255,255,255,0.5)}.drag-handle{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.5);cursor:grab;padding:5px;font-size:1.2rem}.drag-handle:hover{color:rgba(255,255,255,0.9)}#sidebar ul li{position:relative}#tool-list.reorder-mode li[data-draggable="true"]{cursor:move;border:1px dashed transparent;margin:2px 10px;border-radius:4px;transition:background .2s,border-color .2s}#tool-list.reorder-mode li[data-draggable="true"]:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3)}.sortable-ghost{opacity:.4;background:var(--primary-color) !important}.sortable-chosen{background:rgba(14,32,219,0.3) !important;border-color:var(--primary-color) !important}.sortable-drag{background:var(--sidebar-bg) !important;box-shadow:0 5px 20px rgba(0,0,0,0.3)}.toast-container{z-index:1100}#tool-list.reorder-mode li[data-tool-id="0"],#tool-list.reorder-mode li[data-tool-id="divider"],#tool-list.reorder-mode li[data-tool-id^="-"]{opacity:.6;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}#sidebar a:focus-visible,#sidebar button:focus-visible{outline-color:#fff}.btn-portal:focus-visible,.btn-portal-outline:focus-visible{outline-color:var(--primary-color)}.skip-nav{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;padding:12px 24px;background:var(--primary-color);color:#fff;font-weight:700;text-decoration:none;border-radius:0 0 8px 0}.skip-nav:focus{position:fixed;left:0;top:0;width:auto;height:auto;overflow:visible}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@media print{#sidebar,.navbar,.skip-nav,#bugReportBtn,#bugReportOverlay,.reorder-controls,.toast-container{display:none !important}#content{width:100% !important;margin-left:0 !important}body{background:#fff;color:#000}.main-content{background:#fff}a[href]::after{content:" (" attr(href) ")";font-size:.8em;color:#666}}