.reference-demo{font-family:"Source Sans Pro","Segoe UI",Arial,sans-serif;font-size:14px;color:#444;min-height:100vh;background:#ecf0f5;display:flex}.reference-demo button,.reference-demo input,.reference-demo select,.reference-demo textarea{font:inherit}.reference-sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:230px;background:#222d32;color:#b8c7ce;display:flex;flex-direction:column;transition:width .18s}.reference-sidebar.collapsed{width:54px}.reference-sidebar.collapsed nav span,.reference-sidebar.collapsed .reference-brand,.reference-sidebar.collapsed .reference-toggle span,.reference-sidebar.collapsed .reference-sidebar-footer span{display:none}.reference-brand{height:50px;display:flex;align-items:center;padding:0 15px;background:#367fa9;color:#fff;font-size:17px;font-weight:600}.reference-toggle{height:42px;border:0;background:#1e282c;color:#d7e1e5;text-align:left;padding:0 16px;cursor:pointer}.reference-sidebar nav{display:grid;margin-top:8px}.reference-sidebar nav button{border:0;border-left:3px solid transparent;background:transparent;color:#b8c7ce;text-align:left;padding:12px 14px;display:flex;gap:12px;align-items:center;cursor:pointer}.reference-sidebar nav button:hover,.reference-sidebar nav button.active{background:#1e282c;color:#fff;border-left-color:#3c8dbc}.reference-sidebar nav i{font-style:normal;width:18px;text-align:center;color:#9db3bd}.reference-sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid #38454a;display:grid;gap:8px}.reference-sidebar-footer button{border:1px solid #53656c;background:transparent;color:#dce7ea;border-radius:3px;padding:7px}.reference-main{margin-left:230px;flex:1;min-width:0}.reference-sidebar.collapsed~.reference-main{margin-left:54px}.reference-topbar{height:50px;background:#3c8dbc;color:#fff;display:flex;align-items:center;padding:0 15px;gap:16px;box-shadow:0 1px 2px #c7cdd2}.reference-topbar strong{font-size:16px}.reference-hamburger{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}.reference-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.reference-top-actions select{border:0;border-radius:3px;padding:7px 12px}.reference-content{padding:15px}.reference-page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px}.reference-page-head h1{font-size:24px;font-weight:400;margin:0;color:#333}.reference-panel{background:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.05);margin-bottom:15px;padding:0 15px 15px}.reference-panel-head{display:flex;align-items:center;justify-content:space-between;margin:0 -15px 15px;padding:10px 15px;background:#f5f5f5;border-bottom:1px solid #ddd}.reference-panel-head h3{font-size:16px;font-weight:400;margin:0}.reference-btn{border:1px solid #ccc;background:#fff;color:#444;border-radius:3px;padding:6px 11px;cursor:pointer;white-space:nowrap}.reference-btn.primary{background:#005589;border-color:#00456f;color:#fff}.reference-btn.success{background:#00a65a;border-color:#008d4b;color:#fff}.reference-btn.danger{background:#dd4b39;border-color:#c43d2c;color:#fff}.reference-btn.tiny{font-size:12px;padding:3px 6px}.reference-btn:disabled{opacity:.5;cursor:not-allowed}.reference-search,.reference-filters{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:12px}.reference-search label{display:grid;gap:4px;color:#666}.reference-search input,.reference-filters input,.reference-filters select,.reference-form-grid input,.reference-form-grid select,.reference-form-grid textarea{border:1px solid #d2d6de;border-radius:3px;padding:7px 9px;background:#fff;min-width:155px}.reference-table-scroll{width:100%;overflow-x:auto}.reference-table{border-collapse:collapse;width:100%;min-width:1050px}.reference-table th,.reference-table td{border:1px solid #f4f4f4;padding:8px 9px;text-align:left;vertical-align:top;white-space:nowrap}.reference-table th{background:#f5f5f5;color:#555;font-weight:600}.reference-table tbody tr:nth-child(even){background:#f9f9f9}.sort-button{border:0;background:transparent;padding:0;color:inherit;font-weight:inherit;cursor:pointer}.sort-button span{color:#999;font-size:11px}.reference-empty{text-align:center;color:#888;padding:30px!important}.reference-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:10px;color:#777}.reference-pagination>div{display:flex;gap:4px}.device-table{min-width:1750px}.device-id,.sim-cell{display:grid;gap:4px;min-width:155px}.device-id code,.sim-cell code{font-size:11px;color:#555}.device-id small{color:#888}.online,.available{color:#008d4b;font-style:normal;font-size:12px}.offline,.lock-alert{color:#c43d2c;font-style:normal;font-size:12px}.sim-cell .reference-btn{width:max-content}.reference-form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;max-width:760px}.reference-form-grid label{display:grid;gap:5px;color:#666}.reference-form-grid textarea{min-height:90px}.reference-form-grid button{width:max-content}.text-link{border:0;background:transparent;color:#005589;text-decoration:underline;cursor:pointer;padding:3px}.reference-muted{color:#777}.reference-toast{position:fixed;z-index:20;right:22px;bottom:22px;background:#222d32;color:#fff;padding:11px 16px;border-radius:3px;box-shadow:0 2px 7px #999}@media(max-width:800px){.reference-sidebar{width:54px}.reference-sidebar nav span,.reference-brand,.reference-toggle span,.reference-sidebar-footer span{display:none}.reference-main,.reference-sidebar.collapsed~.reference-main{margin-left:54px}.reference-content{padding:10px}.reference-top-actions .primary{display:none}.reference-form-grid{grid-template-columns:1fr}}@media print{.reference-sidebar,.reference-topbar,.reference-search,.reference-filters,.reference-page-head .reference-btn,.reference-pagination{display:none!important}.reference-main{margin:0}.reference-content{padding:0}.reference-panel{border:0;box-shadow:none}.reference-table{min-width:0;font-size:10px}}