*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#f8f9fa;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.login-page{height:100vh;overflow:hidden;background:none}.login-page .app-container{display:none}body.twofa-page{height:100vh;overflow:hidden;background:none}.twofa-page .app-container{display:none}body.dashboard-page{height:100vh;overflow:hidden;background:none}.dashboard-page .app-container{display:none}.dashboard-layout{display:flex;height:100vh;width:100vw;background:#f8fafc;position:fixed;inset:0;overflow:hidden}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.mobile-menu-toggle:hover{background:#f7fafc;box-shadow:0 4px 12px #00000026}.mobile-menu-toggle .toggle-icon{font-size:1.25rem;color:#4a5568}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}.sidebar{width:280px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease;box-shadow:2px 0 8px #0000001a;z-index:1000;flex-shrink:0;position:relative}.sidebar.collapsed{width:80px}.sidebar-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.sidebar-header .logo{display:flex;align-items:center;gap:.75rem}.sidebar-header .logo .logo-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.sidebar-header .logo h1{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0}.sidebar-header .sidebar-toggle{background:none;border:none;color:#718096;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.sidebar-header .sidebar-toggle:hover{background:#f7fafc;color:#4a5568}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar-nav .nav-list{list-style:none;margin:0;padding:0}.sidebar-nav .nav-item{margin-bottom:.25rem}.sidebar-nav .nav-link{display:flex;align-items:center;padding:.875rem 1.5rem;color:#4a5568;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0 12px 12px 0;margin-right:1rem;position:relative}.sidebar-nav .nav-link:hover{background:#f7fafc;color:#2d3748}.sidebar-nav .nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.sidebar-nav .nav-link .nav-icon{font-size:1.25rem;margin-right:.75rem;min-width:1.5rem;text-align:center}.sidebar-nav .nav-link .nav-label{flex:1;font-weight:500}.sidebar-nav .nav-link .nav-arrow{font-size:.75rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-nav .nav-link .nav-arrow.rotated{transform:rotate(180deg)}.sidebar-nav .sub-nav{list-style:none;margin:0;padding:.5rem;margin-left:2.5rem;margin-top:.25rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);max-height:0;opacity:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-right:1rem}.sidebar-nav .sub-nav.expanded{max-height:500px;opacity:1}.sidebar-nav .sub-nav .sub-nav-item{margin-bottom:.125rem}.sidebar-nav .sub-nav .sub-nav-link{display:flex;align-items:center;padding:.5rem 1rem;color:#4a5568;text-decoration:none;font-size:.875rem;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#fefefe;border:1px solid #e2e8f0;margin-bottom:.25rem}.sidebar-nav .sub-nav .sub-nav-link:hover{background:#edf2f7;color:#2d3748;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.sidebar-nav .sub-nav .sub-nav-link.active{background:#e6f3ff;color:#1a202c;box-shadow:0 2px 8px #007bff26;border-color:#b3d9ff}.sidebar-nav .sub-nav .sub-nav-link .sub-nav-icon{font-size:1rem;margin-right:.5rem;min-width:1.25rem;text-align:center}.sidebar-footer{padding:1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.sidebar-footer .user-info{display:flex;align-items:center;gap:.75rem}.sidebar-footer .user-info .user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.sidebar-footer .user-info .user-details .user-name{font-weight:600;color:#2d3748;margin:0 0 .25rem;font-size:.875rem}.sidebar-footer .user-info .user-details .user-role{color:#718096;margin:0;font-size:.75rem;text-transform:capitalize}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative;z-index:40;margin-left:0;background:#f8fafc}.top-header{background:#fff;padding:0;border-bottom:1px solid #e2e8f0;flex-shrink:0;position:relative;z-index:50;min-height:80px;box-shadow:0 2px 4px #0000000d;overflow:visible;margin-left:0;width:100%}.top-header .header-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 2rem;min-height:80px}.top-header .header-left{flex-shrink:0;margin-right:0}.top-header .header-left h2{color:#1a202c;font-size:1.875rem;font-weight:700;margin:0 0 .25rem}.top-header .header-left p{color:#718096;margin:0;font-size:1rem}.top-header .header-center{flex:1;display:flex;justify-content:stretch}.top-header .header-center .property-selector-container{width:100%}.top-header .header-center .property-selector-container app-property-selector{width:100%;max-width:100%}.top-header .header-right{position:relative;z-index:100;flex-shrink:0;margin-top:0}.top-header .header-right .header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;position:relative;z-index:110}.top-header .header-right .header-actions .action-btn{background:#fff;border:1px solid #e2e8f0;color:#4a5568;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;flex-shrink:0;z-index:120;box-shadow:0 2px 4px #0000001a}.top-header .header-right .header-actions .action-btn:hover:not(.disabled){background:#f7fafc;border-color:#cbd5e0;box-shadow:0 4px 8px #00000026}.top-header .header-right .header-actions .action-btn.disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa;border-color:#e9ecef;color:#6c757d}.top-header .header-right .header-actions .action-btn.disabled:hover{background:#f8f9fa;border-color:#e9ecef;transform:none;box-shadow:0 2px 4px #0000001a}.top-header .header-right .header-actions .action-btn .action-icon{font-size:1.25rem}.top-header .header-right .header-actions .action-btn.property-btn-with-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid rgba(255,255,255,.2);padding:1rem 1.75rem!important;min-width:auto;height:auto;min-height:48px;gap:.75rem;border-radius:16px;box-shadow:0 8px 32px #667eea40,0 2px 8px #0000001a,inset 0 1px #fff3;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex!important;align-items:center!important;justify-content:center!important}.top-header .header-right .header-actions .action-btn.property-btn-with-text:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.top-header .header-right .header-actions .action-btn.property-btn-with-text:hover:not(.disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #667eea59,0 4px 16px #00000026,inset 0 1px #ffffff4d;border-color:#ffffff4d}.top-header .header-right .header-actions .action-btn.property-btn-with-text:hover:not(.disabled):before{left:100%}.top-header .header-right .header-actions .action-btn.property-btn-with-text:active:not(.disabled){transform:translateY(-1px) scale(.98);transition:all .1s ease}.top-header .header-right .header-actions .action-btn.property-btn-with-text .property-icon{font-size:1.375rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s ease;position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content:center}.top-header .header-right .header-actions .action-btn.property-btn-with-text .property-text{font-weight:700;font-size:.9rem;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.3);max-width:220px;overflow:hidden;text-overflow:ellipsis;letter-spacing:.025em;position:relative;z-index:1;transition:all .3s ease;flex:1;text-align:left;line-height:1.2}.top-header .header-right .header-actions .action-btn.property-btn-with-text .selection-indicator{font-size:.75rem;font-weight:900;color:#10b981;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-left:.5rem;position:relative;z-index:1;animation:checkmarkPulse 2s ease-in-out infinite;flex-shrink:0;display:flex;align-items:center;justify-content:center}.top-header .header-right .header-actions .action-btn.property-btn-with-text.has-selection{background:linear-gradient(135deg,#10b981,#059669);border-color:#ffffff4d}.top-header .header-right .header-actions .action-btn.property-btn-with-text.has-selection:hover:not(.disabled){background:linear-gradient(135deg,#059669,#047857)}.top-header .header-right .header-actions .action-btn.property-btn-with-text.disabled{background:linear-gradient(135deg,#a0aec0,#cbd5e0);border-color:#ffffff1a;box-shadow:0 2px 8px #0000001a;transform:none}.top-header .header-right .header-actions .action-btn.property-btn-with-text.disabled .property-icon,.top-header .header-right .header-actions .action-btn.property-btn-with-text.disabled .property-text{opacity:.6}.top-header .header-right .header-actions .action-btn.property-btn-with-text:focus-visible{outline:3px solid rgba(102,126,234,.5);outline-offset:2px}@media (max-width: 768px){.top-header .header-right .header-actions .action-btn.property-btn-with-text{padding:.875rem 1.5rem!important;gap:.5rem;border-radius:12px;min-height:44px}.top-header .header-right .header-actions .action-btn.property-btn-with-text .property-text{font-size:.8rem;max-width:150px}.top-header .header-right .header-actions .action-btn.property-btn-with-text .property-icon{font-size:1.25rem}}@media (max-width: 480px){.top-header .header-right .header-actions .action-btn.property-btn-with-text{padding:.75rem 1.25rem!important;gap:.375rem;border-radius:10px;min-height:40px}.top-header .header-right .header-actions .action-btn.property-btn-with-text .property-text{font-size:.75rem;max-width:120px}.top-header .header-right .header-actions .action-btn.property-btn-with-text .property-icon{font-size:1.125rem}}.top-header .header-right .header-actions .action-btn .notification-badge{position:absolute;top:-4px;right:-4px;background:#e53e3e;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:10px;font-weight:600;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;z-index:130}.top-header .header-right .header-actions .action-btn.logout-btn{color:#e53e3e;border-color:#fed7d7}.top-header .header-right .header-actions .action-btn.logout-btn:hover{background:#fed7d7;color:#c53030}@keyframes checkmarkPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.dashboard-content{flex:1;padding:2rem;overflow-y:auto;min-height:0;position:relative;z-index:40}.dashboard-home{width:100%;height:100%}.dashboard-tiles{margin-bottom:2rem}.dashboard-tiles .tiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.dashboard-tiles .dashboard-tile{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.dashboard-tiles .dashboard-tile:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.dashboard-tiles .dashboard-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tile-color)}.dashboard-tiles .dashboard-tile.tile-primary:before{--tile-color: #667eea}.dashboard-tiles .dashboard-tile.tile-success:before{--tile-color: #38a169}.dashboard-tiles .dashboard-tile.tile-warning:before{--tile-color: #d69e2e}.dashboard-tiles .dashboard-tile.tile-info:before{--tile-color: #3182ce}.dashboard-tiles .dashboard-tile.tile-secondary:before{--tile-color: #718096}.dashboard-tiles .dashboard-tile.tile-dark:before{--tile-color: #2d3748}.dashboard-tiles .dashboard-tile .tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-tiles .dashboard-tile .tile-header .tile-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dashboard-tiles .dashboard-tile .tile-header .tile-change{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.dashboard-tiles .dashboard-tile .tile-header .tile-change.change-positive{background:#f0fff4;color:#38a169}.dashboard-tiles .dashboard-tile .tile-header .tile-change.change-negative{background:#fff5f5;color:#e53e3e}.dashboard-tiles .dashboard-tile .tile-header .tile-change.change-neutral{background:#f7fafc;color:#718096}.dashboard-tiles .dashboard-tile .tile-content .tile-title{color:#4a5568;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.dashboard-tiles .dashboard-tile .tile-content .tile-value{color:#1a202c;font-size:2rem;font-weight:700;margin:0}.dashboard-bottom{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.section-header .view-all-btn{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;font-size:.875rem}.section-header .view-all-btn:hover{text-decoration:underline}.recent-activities{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.recent-activities .activities-list{max-height:400px;overflow-y:auto;padding-right:.5rem}.recent-activities .activities-list::-webkit-scrollbar{width:6px}.recent-activities .activities-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.recent-activities .activities-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.recent-activities .activities-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.recent-activities .activities-list .activity-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #f7fafc}.recent-activities .activities-list .activity-item:last-child{border-bottom:none}.recent-activities .activities-list .activity-item .activity-icon{width:40px;height:40px;background:#f7fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.recent-activities .activities-list .activity-item .activity-content{flex:1}.recent-activities .activities-list .activity-item .activity-content .activity-action{color:#2d3748;font-weight:600;margin:0 0 .25rem;font-size:.875rem}.recent-activities .activities-list .activity-item .activity-content .activity-details{color:#718096;margin:0;font-size:.75rem}.recent-activities .activities-list .activity-item .activity-content .activity-details .activity-user{font-weight:500}.recent-activities .activities-list .activity-item .activity-time{color:#a0aec0;font-size:.75rem;font-weight:500;padding-right:15px}.quick-actions{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.quick-actions .actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quick-actions .actions-grid .quick-action-btn{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568;padding:1rem;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-weight:500}.quick-actions .actions-grid .quick-action-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-2px)}.quick-actions .actions-grid .quick-action-btn .action-icon{font-size:1.5rem}.quick-actions .actions-grid .quick-action-btn span:last-child{font-size:.875rem}@media (max-width: 1200px){.dashboard-bottom{grid-template-columns:1fr}}@media (max-width: 1024px){.dashboard-tiles .tiles-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}@media (max-width: 768px){.mobile-menu-toggle,.mobile-overlay{display:block}.dashboard-layout{flex-direction:column}.sidebar{position:fixed;left:-280px;height:100vh;z-index:1000;top:0;transform:translate(-100%)}.sidebar.show{transform:translate(0);left:0}.main-content{margin-left:0;width:100%}.dashboard-content{padding:1rem}.top-header{padding:1rem;flex-direction:column;gap:1rem;align-items:flex-start;min-height:auto}.top-header .header-right{width:100%}.top-header .header-right .header-actions{justify-content:flex-end;gap:.5rem}.top-header .header-right .header-actions .action-btn{min-width:44px;height:44px;padding:.5rem}.dashboard-tiles .tiles-grid{grid-template-columns:1fr;gap:1rem}.dashboard-tile{padding:1rem}.quick-actions .actions-grid{grid-template-columns:1fr}}@media (max-width: 480px){.dashboard-content,.top-header{padding:.75rem}.top-header .header-left h2{font-size:1.5rem}.top-header .header-left p{font-size:.875rem}.top-header .header-right .header-actions{gap:.25rem}.top-header .header-right .header-actions .action-btn{min-width:40px;height:40px;padding:.5rem}.top-header .header-right .header-actions .action-btn .action-icon{font-size:1rem}.dashboard-tile{padding:.75rem}.dashboard-tile .tile-content .tile-value{font-size:1.5rem}.recent-activities,.quick-actions,.sidebar-header{padding:1rem}.sidebar-header .logo h1{font-size:1.25rem}.sidebar-nav .nav-link{padding:.75rem 1rem}.mobile-menu-toggle{top:.75rem;left:.75rem;padding:.5rem}.mobile-menu-toggle .toggle-icon{font-size:1rem}}@media (hover: none) and (pointer: coarse){.action-btn,.quick-action-btn,.nav-link,.sub-nav-link{min-height:44px;min-width:44px}.dashboard-tile:hover,.quick-action-btn:hover{transform:none}}@media (min-resolution: 192dpi){.dashboard-tile,.recent-activities,.quick-actions{border-width:.5px}}@media (max-width: 768px) and (orientation: landscape){.top-header{flex-direction:row;align-items:center;min-height:60px;padding:.75rem 1rem}.dashboard-content{padding:.75rem}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:#007bff;text-decoration:none;transition:color .2s ease}a:hover{color:#0056b3;text-decoration:underline}.btn{display:inline-block;padding:8px 16px;font-size:14px;font-weight:500;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62;border-color:#545b62}.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#1e7e34;border-color:#1e7e34}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#c82333}.btn-outline-primary{background-color:transparent;border-color:#007bff;color:#007bff}.btn-outline-primary:hover:not(:disabled){background-color:#007bff;color:#fff}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#495057}.form-control{display:block;width:100%;padding:8px 12px;font-size:14px;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.form-control.is-invalid{border-color:#dc3545}.form-control.is-valid{border-color:#28a745}.invalid-feedback{display:block;width:100%;margin-top:.25rem;font-size:12px;color:#dc3545}.valid-feedback{display:block;width:100%;margin-top:.25rem;font-size:12px;color:#28a745}.card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem}.card-header{padding:1rem;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0}.card-body{padding:1rem}.card-footer{padding:1rem;background-color:#f8f9fa;border-top:1px solid #dee2e6;border-radius:0 0 8px 8px}.table{width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse}.table th,.table td{padding:12px;vertical-align:top;border-top:1px solid #dee2e6;text-align:left}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6;background-color:#f8f9fa;font-weight:600}.table tbody tr:hover{background-color:#00000013}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#007bff}.text-secondary{color:#6c757d}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-info{color:#17a2b8}.bg-primary{background-color:#007bff}.bg-secondary{background-color:#6c757d}.bg-success{background-color:#28a745}.bg-danger{background-color:#dc3545}.bg-warning{background-color:#ffc107}.bg-info{background-color:#17a2b8}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:3rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}@media (max-width: 576px){.d-sm-none{display:none}.d-sm-block{display:block}}@media (max-width: 768px){.d-md-none{display:none}.d-md-block{display:block}}@media (max-width: 992px){.d-lg-none{display:none}.d-lg-block{display:block}}@media (max-width: 1200px){.d-xl-none{display:none}.d-xl-block{display:block}}.highlight{background-color:#fff3cd;padding:2px 4px;border-radius:3px;font-weight:600}.loading{opacity:.6;pointer-events:none}*:focus{outline:2px solid #007bff;outline-offset:2px}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}}body.key-drop-page{background:#f7fafc}body.key-drop-page .key-drop-container .connection-status-section,body.key-drop-page .key-drop-container .main-content{background:#fff;box-shadow:0 1px 3px #0000000d}body.key-drop-page .key-drop-container .footer-section{background:#fff;box-shadow:0 -1px 3px #0000000d}@media (max-width: 768px){body.key-drop-page .key-drop-container .connection-status-section{padding:1rem 1.5rem}body.key-drop-page .key-drop-container .main-content{padding:1rem}body.key-drop-page .key-drop-container .footer-section{padding:1rem 1.5rem}}@media (max-width: 480px){body.key-drop-page .key-drop-container .connection-status-section{padding:.75rem 1rem}body.key-drop-page .key-drop-container .main-content{padding:.75rem}body.key-drop-page .key-drop-container .footer-section{padding:.75rem 1rem}}