@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif;color:#192d29;background:#f5f7f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green-950: #123d34;--green-900: #155342;--green-800: #1c6a53;--green-700: #238466;--green-100: #e5f2ec;--ink: #192d29;--muted: #7d8985;--line: #e9eeeb;--surface: #ffffff;--bg: #f5f7f6;--shadow: 0 5px 22px rgba(20, 53, 43, .045)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.58;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(35,132,102,.18);outline-offset:2px}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;flex:0 0 260px;min-height:100vh;background:var(--green-950);color:#e7f0ec;display:flex;flex-direction:column;padding:22px 16px 16px;position:sticky;top:0;height:100vh;z-index:30}.brand-block{display:flex;align-items:center;gap:11px;padding:0 7px 23px;border-bottom:1px solid rgba(255,255,255,.11)}.brand-logo{width:43px;height:43px;border-radius:12px;object-fit:cover}.brand-copy{display:flex;flex-direction:column;line-height:1.2;gap:4px}.brand-copy strong{color:#fff;font-weight:700;font-size:18px;letter-spacing:.7px}.brand-copy span{color:#9cb7ad;font-size:9px;letter-spacing:1.3px;direction:ltr;text-align:right}.sidebar-close{display:none!important;margin-right:auto}.workspace-switcher{margin:18px 2px 23px;border:1px solid rgba(255,255,255,.13);background:#ffffff0e;padding:10px;display:flex;align-items:center;gap:10px;border-radius:11px}.workspace-symbol{width:33px;height:33px;border-radius:9px;background:#6ebe972b;color:#a8e2c5;display:grid;place-items:center}.workspace-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.workspace-text strong{font-size:12px;color:#f4f8f5;font-weight:600}.workspace-text span{font-size:10px;color:#97b2a7}.workspace-chevron{color:#93ada3}.side-nav{flex:1;overflow-y:auto;scrollbar-width:thin}.nav-group{margin-bottom:22px}.nav-group-title{color:#84a399;padding:0 11px 9px;font-size:10px;font-weight:600;letter-spacing:.4px}.nav-link{width:100%;min-height:42px;background:transparent;border:0;color:#bfd0c9;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 12px;text-align:right;margin:2px 0;transition:.18s ease}.nav-link span:nth-child(2){font-size:12px;flex:1}.nav-link:hover{color:#fff;background:#ffffff13}.nav-link.active{color:#fff;background:#26745b;box-shadow:inset -3px 0 #82d3a9}.nav-link.active svg{color:#b4efce}.nav-soon{font-size:9px!important;color:#a8c2b7;background:#ffffff17;padding:3px 6px;border-radius:10px;flex:0 0 auto!important}.sidebar-bottom{margin-top:auto}.support-card{display:flex;align-items:center;gap:9px;border-radius:10px;background:#ffffff0f;padding:11px 10px;color:#e8f2ed;margin-bottom:15px}.support-icon{width:30px;height:30px;border-radius:8px;background:#ffffff1a;display:grid;place-items:center;color:#c6e5d5}.support-card div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}.support-card strong{font-size:10px}.support-card span{color:#9bb6aa;font-size:9px}.support-card>svg{color:#93afa3}.profile-row{border-top:1px solid rgba(255,255,255,.1);padding:15px 3px 0;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;background:#dcece4;color:var(--green-900);display:grid;place-items:center;font-weight:700;font-size:13px}.profile-text{display:flex;flex-direction:column;gap:3px;flex:1}.profile-text strong{font-size:11px;color:#f7faf8}.profile-text span{color:#9cb4aa;font-size:9px}.profile-more{border:0;background:none;color:#9db7ac;padding:5px}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:68px;padding:0 34px;background:#ffffffed;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:15}.topbar-start,.topbar-actions{display:flex;align-items:center;gap:15px}.breadcrumb{display:flex;align-items:center;gap:9px;color:#9aa5a1;font-size:11px}.breadcrumb strong{color:#344941;font-weight:600}.breadcrumb svg{color:#c5cfca}.topbar-actions{gap:12px}.demo-pill{display:inline-flex;align-items:center;gap:7px;color:#97651d;background:#fff6e8;border:1px solid #f4e6cb;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:600;white-space:nowrap}.demo-pill>span{width:6px;height:6px;background:#d79a39;border-radius:50%}.icon-button{border:0;background:transparent;color:#7c8983;width:35px;height:35px;display:inline-grid;place-items:center;border-radius:9px;transition:.18s}.icon-button:hover{background:#f0f5f2;color:var(--green-800)}.icon-button:disabled{opacity:.6}.notification-button{position:relative}.notification-button i{width:6px;height:6px;position:absolute;top:7px;right:7px;background:#d37b64;border:1px solid white;border-radius:50%}.topbar-divider{height:25px;width:1px;background:#e8eeea;margin:0 3px}.topbar-user{display:flex;align-items:center;gap:8px;color:#45564e;font-size:11px}.topbar-user>svg{color:#9aa6a0}.avatar-small{width:30px;height:30px;font-size:11px}.mobile-menu{display:none}.page-content{width:min(100%,1530px);margin:0 auto;padding:29px 34px 35px;flex:1}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.eyebrow{color:#8a9b92;font-size:10px;font-weight:600;margin-bottom:5px}.page-heading h1{font-size:24px;line-height:1.35;margin:0;color:#1b342b;font-weight:700}.page-heading p{color:#87938e;font-size:11px;margin:6px 0 0}.btn{border:1px solid transparent;border-radius:8px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-size:11px;font-weight:600;transition:.18s ease;white-space:nowrap}.btn-primary{background:var(--green-800);color:#fff;box-shadow:0 3px 8px #1c6a5321}.btn-primary:hover{background:#175844;transform:translateY(-1px)}.btn-secondary{background:#fff;border-color:#e2e9e5;color:#586960}.btn-secondary:hover{background:#f8faf9;border-color:#cddbd3}.btn-danger-ghost{background:#fff5f3;color:#b85d4c;border-color:#f3ddd8;min-height:31px;font-size:10px;padding:0 10px}.btn-danger-ghost:hover{background:#ffebe7}.btn-copy-done{background:#e7f4ed;border-color:#cce6d7;color:#267454}.full-width{width:100%}.demo-banner{border:1px solid #f1e4cb;background:linear-gradient(90deg,#fffaf1,#fff8ed);border-radius:11px;min-height:67px;display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:18px}.demo-banner-icon{background:#fff0d8;color:#b07a28;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.demo-banner>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.demo-banner strong{color:#795323;font-size:11px}.demo-banner span{color:#a1855e;font-size:10px}.demo-banner button{display:flex;gap:6px;align-items:center;border:0;background:none;color:#986820;font-size:10px;font-weight:600;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.stat-card{min-width:0;background:var(--surface);border:1px solid #edf1ee;border-radius:11px;padding:16px 17px 14px;box-shadow:var(--shadow)}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#77857e;font-size:10px}.stat-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.stat-green{color:#247454;background:#e8f4ed}.stat-blue{color:#4d78af;background:#edf3fc}.stat-amber{color:#ac7b2b;background:#fbf3e5}.stat-rose{color:#b36a61;background:#fbefed}.stat-value-row{display:flex;align-items:center;gap:9px;margin:8px 0 3px}.stat-value-row strong{color:#1c352b;font-size:27px;font-weight:700;line-height:1.2}.stat-trend{color:#398260;background:#edf7f1;padding:3px 7px;border-radius:12px;display:inline-flex;align-items:center;gap:3px;font-size:9px}.stat-detail{color:#99a39e;font-size:9px}.dashboard-grid{display:grid;gap:16px;margin-bottom:17px}.dashboard-grid-top,.dashboard-grid-bottom{grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr)}.panel{background:var(--surface);border:1px solid #edf1ee;border-radius:11px;box-shadow:var(--shadow);min-width:0}.chart-panel,.plans-panel,.table-panel,.activity-panel{padding:17px 18px 14px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-header h2{font-size:13px;font-weight:700;color:#294237;margin:0}.panel-header p{color:#98a29d;font-size:9px;margin:4px 0 0}.panel-header-action{color:#89968f;font-size:9px;display:flex;align-items:center;gap:6px}.legend-dot{background:#2c8969;width:7px;height:7px;border-radius:50%;display:inline-block}.quiet-link{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#327b60;font-size:9px;font-weight:600;white-space:nowrap;padding:2px 0}.quiet-link:hover,.text-link:hover{color:#16553f}.bar-chart{height:174px;margin-top:20px;display:flex;gap:13px;padding:0 8px 0 3px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;color:#aab4af;font-size:9px;padding:0 0 22px}.chart-bars{display:flex;flex:1;justify-content:space-around;gap:13px;align-items:stretch}.bar-column{flex:1;max-width:58px;display:flex;flex-direction:column;align-items:center;min-width:0}.bar-value{color:#4d7765;font-size:9px;height:15px}.bar-track{flex:1;width:100%;max-width:32px;background:#f1f6f3;border-radius:6px 6px 2px 2px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{background:linear-gradient(180deg,#58a886,#277657);width:100%;border-radius:6px 6px 2px 2px;min-height:3px;transition:height .3s ease}.bar-label{color:#9aa69f;font-size:9px;margin-top:7px}.chart-footer{border-top:1px solid #f0f3f1;padding-top:11px;margin-top:10px;display:flex;justify-content:space-between;align-items:center;color:#8d9993;font-size:9px}.chart-footer span{display:flex;gap:6px;align-items:center}.chart-footer strong{color:#46594f;font-size:10px}.donut-wrap{display:grid;place-items:center;padding:17px 0 11px}.donut-chart{width:139px;height:139px;border-radius:50%;display:grid;place-items:center;position:relative}.donut-chart:before{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;background:#fff;border-radius:50%}.donut-inner{z-index:1;display:flex;flex-direction:column;align-items:center;gap:1px}.donut-inner strong{color:#244437;font-size:25px}.donut-inner span{color:#929d97;font-size:9px}.plan-legend{border-top:1px solid #eff3f0;padding-top:11px}.plan-legend-row{display:flex;align-items:center;gap:8px;padding:5px 1px;font-size:10px;color:#7e8b84}.plan-legend-row strong{margin-right:auto;color:#3b5146;font-size:10px}.plan-dot{width:8px;height:8px;border-radius:3px}.plan-monthly{background:#2b8a68}.plan-yearly{background:#729bd8}.plan-lifetime{background:#d7a75b}.table-panel{overflow:hidden}.table-panel .panel-header{margin-bottom:13px}.table-scroll{width:100%;overflow-x:auto;scrollbar-width:thin}.data-table{border-collapse:collapse;width:100%;min-width:830px;text-align:right}.data-table th{color:#98a39d;background:#fafcfb;font-size:9px;font-weight:600;border-top:1px solid #f0f3f1;border-bottom:1px solid #edf1ee;padding:11px 10px;white-space:nowrap}.data-table td{border-bottom:1px solid #f1f4f2;padding:11px 10px;font-size:10px;color:#65746c;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdfc}.customer-cell{display:flex;align-items:center;gap:8px;min-width:135px}.customer-avatar{flex:0 0 auto;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#edf5f0;color:#2d7657;font-size:11px;font-weight:700}.customer-cell>div:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.customer-cell strong{color:#3d5046;font-weight:600;font-size:10px;max-width:145px;overflow:hidden;text-overflow:ellipsis}.customer-cell span{color:#a0aaa4;font-size:8px}.license-id{color:#6e7e75;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;display:inline-block}.plan-badge{border-radius:5px;display:inline-block;padding:4px 7px;font-size:9px;font-weight:600}.plan-label-monthly{color:#9a712d;background:#fbf4e8}.plan-label-yearly{color:#5278a9;background:#edf3fb}.plan-label-lifetime{color:#31785b;background:#eaf5ee}.status-badge{border-radius:5px;padding:4px 7px;display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:600}.status-active{color:#2e805a;background:#eaf5ee}.status-expired{color:#9a702c;background:#fbf3e4}.status-revoked{color:#ae665c;background:#fbefed}.date-cell{display:flex;flex-direction:column;gap:3px}.date-cell>span{font-size:10px}.expiry-hint{color:#b17a2a;font-size:8px}.device-count{display:inline-flex;align-items:center;gap:5px;color:#61746a;border:0;background:#f5f8f6;border-radius:5px;padding:5px 7px;font-size:9px}.device-count:hover{background:#e9f3ed;color:#247251}.table-actions{display:flex;align-items:center;gap:3px}.action-button{width:28px;height:27px;border-radius:6px;border:0;background:transparent;color:#87968e;display:grid;place-items:center}.action-button:hover{background:#edf5f0;color:#237554}.danger-action:hover{background:#fbefed;color:#b26154}.compact-table .data-table{min-width:700px}.compact-table .data-table th,.compact-table .data-table td{padding:8px}.compact-table .data-table th:nth-child(6),.compact-table .data-table td:nth-child(6){display:none}.compact-table .data-table th:last-child,.compact-table .data-table td:last-child{display:none}.compact-table .data-table{min-width:610px}.actions-col{text-align:center!important}.activity-list{margin-top:14px}.activity-item{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #f0f3f1}.activity-item:last-child{border-bottom:0}.activity-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto}.activity-created,.activity-activated{background:#eaf5ee;color:#32805b}.activity-extended{background:#eef3fb;color:#5d80b3}.activity-revoked{background:#fbefed;color:#b36d61}.activity-device{background:#f9f2e7;color:#a67d3c}.activity-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.activity-copy strong{color:#506057;font-size:9px;font-weight:600}.activity-copy span{color:#9aa69f;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-item time{color:#a9b2ad;font-size:8px;white-space:nowrap}.demo-data-note{color:#a58a62;font-size:8px;margin-top:8px}.quick-actions-row{padding:14px 17px;border:1px solid #e8f0eb;border-radius:10px;background:linear-gradient(90deg,#f3f9f5,#f8fbf9);display:flex;justify-content:space-between;align-items:center;gap:15px}.quick-actions-row>div{display:flex;align-items:center;gap:11px}.quick-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#e1f0e7;color:#2d7958}.quick-actions-row>div>div:last-child{display:flex;flex-direction:column;gap:3px}.quick-actions-row strong{color:#315445;font-size:11px}.quick-actions-row span{color:#8c9d93;font-size:9px}.page-panel{padding:0;overflow:hidden}.list-toolbar{padding:14px 17px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #eef2ef}.search-field{height:36px;min-width:230px;width:min(370px,100%);border:1px solid #e7ede9;border-radius:7px;display:flex;align-items:center;gap:8px;color:#9aa69f;padding:0 10px;background:#fff}.search-field:focus-within{border-color:#95bba7;box-shadow:0 0 0 3px #23846614}.search-field input{border:0;outline:0;flex:1;min-width:0;color:#405449;font-size:10px;background:transparent}.search-field input::placeholder{color:#a8b2ad}.toolbar-filters{display:flex;align-items:center;gap:12px}.select-wrap{height:35px;display:inline-flex;align-items:center;gap:7px;border:1px solid #e7ede9;border-radius:7px;color:#87958d;padding:0 9px;position:relative;background:#fff}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;outline:0;color:#64736b;font-size:10px;padding-left:13px;cursor:pointer}.select-wrap>svg:last-child{position:absolute;left:8px;pointer-events:none}.result-count{color:#9aa69f;font-size:9px;white-space:nowrap}.toolbar-create{min-height:35px}.panel-bottom-note{display:flex;align-items:center;gap:7px;padding:12px 16px;border-top:1px solid #eff3f0;color:#96a39b;font-size:9px;background:#fcfdfc}.panel-bottom-note svg{color:#81a18e;flex:0 0 auto}.text-link{border:0;background:transparent;color:#337c60;font-size:9px;font-weight:600;margin-right:auto;white-space:nowrap}.customer-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.mini-summary{display:flex;align-items:center;gap:11px;padding:15px 16px}.mini-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.mini-green{background:#eaf5ee;color:#317d59}.mini-blue{background:#eef3fb;color:#5b80b5}.mini-amber{background:#fbf4e8;color:#a57c3b}.mini-summary>div:last-child{display:flex;flex-direction:column;gap:3px}.mini-summary span{color:#94a098;font-size:9px}.mini-summary strong{color:#2e473a;font-size:20px}.subscription-callout{display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid #f0e6d4;background:#fffbf5;border-radius:9px;margin-bottom:14px}.callout-icon{color:#a87932;background:#f9efdd;width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.subscription-callout>div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.subscription-callout strong{color:#805f2e;font-size:10px}.subscription-callout span{color:#a28b67;font-size:9px}.filter-tabs{display:flex;align-items:center;gap:3px;background:#f5f8f6;padding:3px;border-radius:7px}.filter-tabs button,.extension-units button{background:transparent;border:0;color:#86948c;border-radius:5px;font-size:10px;padding:7px 12px}.filter-tabs button.selected,.extension-units button.selected{color:#267452;background:#fff;box-shadow:0 1px 4px #1d3f2f1a;font-weight:600}.feature-page{display:flex;flex-direction:column;gap:15px}.feature-hero{background:linear-gradient(110deg,#173f34,#21664d);color:#fff;border-radius:13px;min-height:155px;padding:24px;display:flex;align-items:center;gap:17px;position:relative;overflow:hidden}.feature-hero:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid rgba(255,255,255,.08);left:-75px;top:-130px;box-shadow:0 0 0 30px #ffffff06,0 0 0 60px #ffffff05}.feature-hero-icon{width:57px;height:57px;border-radius:15px;background:#ffffff21;color:#c1f0d4;display:grid;place-items:center;flex:0 0 auto}.feature-hero>div:nth-child(2){flex:1;position:relative;z-index:1}.feature-hero .eyebrow{color:#a6d2ba}.feature-hero h2{margin:0;font-size:19px}.feature-hero p{color:#c4dbcf;font-size:10px;line-height:1.8;max-width:650px;margin:6px 0 0}.coming-badge{color:#e5c17b;background:#ffffff17;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:6px 10px;font-size:9px;white-space:nowrap;align-self:flex-start}.feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card{padding:17px}.feature-card-icon{width:36px;height:36px;border-radius:9px;background:#eff6f1;color:#38805e;display:grid;place-items:center;margin-bottom:11px}.feature-card strong{font-size:11px;color:#3e5549}.feature-card p{font-size:9px;color:#929f97;line-height:1.9;margin:6px 0 0}.integration-notice{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;background:#fffaf2;color:#9d7739;border:1px solid #f3e7d1;border-radius:9px}.integration-notice>svg{flex:0 0 auto;margin-top:1px}.integration-notice strong{font-size:10px;color:#80622f}.integration-notice p{color:#9d8967;font-size:9px;line-height:1.85;margin:4px 0 0}.page-panel-header{padding:17px;border-bottom:1px solid #eff3f0}.activity-list-full{padding:4px 18px 12px}.activity-list-full .activity-item{padding:15px 0}.activity-list-full .activity-copy strong{font-size:11px}.activity-list-full .activity-copy span{font-size:9px}.activity-list-full .activity-item time{font-size:9px}.settings-layout{display:flex;flex-direction:column;gap:15px}.settings-panel{padding:17px}.connection-badge{font-size:9px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px}.connection-badge i{width:6px;height:6px;border-radius:50%}.connection-demo{background:#fff5e7;color:#a47632}.connection-demo i{background:#d19a42}.connection-pending{background:#eaf5ee;color:#367b59}.connection-pending i{background:#40936a}.setting-row{display:flex;align-items:center;gap:11px;padding:15px 1px;border-bottom:1px solid #f0f3f1}.setting-row:last-child{border-bottom:0}.setting-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#5f8c73;background:#eff6f1}.setting-row>div:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.setting-row strong{color:#52645a;font-size:10px}.setting-row span{color:#99a59e;font-size:9px}.setting-state{background:#edf6f0;color:#498163!important;padding:5px 8px;border-radius:5px;font-size:8px!important}.state-neutral{background:#f5f6f5;color:#8a9690!important}.state-good{background:#edf6f0}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:17px}.info-grid>div{display:flex;flex-direction:column;gap:4px}.info-grid span{color:#9aa59f;font-size:9px}.info-grid strong{color:#475a50;font-size:10px}.empty-state{min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 15px}.empty-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;color:#7a9b87;background:#eff6f1;margin-bottom:10px}.empty-state strong{color:#566b60;font-size:11px}.empty-state p{max-width:380px;color:#9ca8a1;font-size:9px;line-height:1.8;margin:5px 0 0}.loading-rows{padding:14px 16px}.skeleton-row{display:flex;gap:18px;height:42px;align-items:center;border-bottom:1px solid #f1f4f2}.skeleton-row i{height:8px;border-radius:8px;display:block;background:linear-gradient(90deg,#f3f6f4,#e9efeb,#f3f6f4);background-size:200% 100%;animation:shimmer 1.5s infinite;flex:1}.skeleton-row i:first-child{flex:1.5}@keyframes shimmer{to{background-position:-200% 0}}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#0e231c7a;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{width:min(100%,520px);max-height:min(92vh,820px);overflow:auto;background:#fff;border-radius:14px;box-shadow:0 25px 80px #09211838;padding:22px;animation:modal-in .18s ease-out}.modal-wide{width:min(100%,720px)}@keyframes modal-in{0%{opacity:.6;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid #edf1ee;margin-bottom:17px}.modal-heading h2{font-size:16px;color:#254337;margin:0}.modal-heading p{color:#98a49d;font-size:10px;margin:5px 0 0}.modal-form{display:flex;flex-direction:column;gap:14px}.form-label{display:flex;flex-direction:column;gap:7px;color:#52665a;font-size:10px;font-weight:600}.form-label em{color:#cf735f;font-style:normal}.form-label input,.form-label select,.form-label textarea{width:100%;border:1px solid #e4ebe6;border-radius:7px;min-height:39px;color:#3e5549;background:#fff;padding:8px 10px;outline:none;font-size:10px;resize:vertical}.form-label input:focus,.form-label select:focus,.form-label textarea:focus{border-color:#8bb59c;box-shadow:0 0 0 3px #23846614}.form-label input::placeholder,.form-label textarea::placeholder{color:#b1bbb5}.form-label small{color:#9da9a1;font-weight:400;font-size:8px}.optional-label{color:#a7b0aa;font-weight:400;font-size:9px}.plan-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.plan-option{position:relative;background:#fff;border:1px solid #e8eee9;border-radius:8px;padding:11px 9px;display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:5px;color:#617269}.plan-option:hover{border-color:#b7d2c1}.plan-option.chosen{border-color:#45916b;background:#f5faf6;box-shadow:0 0 0 2px #35855b12}.plan-option-icon{color:#4a8b68;width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#eaf4ed}.plan-option strong{color:#3e5a49;font-size:10px}.plan-option small{color:#96a39b;font-size:8px}.option-check{position:absolute;left:8px;top:8px;width:17px;height:17px;border-radius:50%;color:#fff;background:#438e67;display:grid;place-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-readonly{min-height:39px;display:flex;align-items:center;border:1px solid #edf1ee;background:#f8faf8;border-radius:7px;padding:8px 10px;color:#76857c;font-size:10px;font-weight:400}.modal-info{display:flex;gap:8px;align-items:flex-start;border:1px solid #e4eee7;background:#f5faf6;color:#5b876c;padding:10px 11px;border-radius:7px;font-size:9px;line-height:1.8}.modal-info svg{flex:0 0 auto;margin-top:1px}.modal-warning{border-color:#f2e5d2;background:#fffaf3;color:#9a7a49}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.form-error{display:flex;align-items:center;gap:7px;color:#a95448;background:#fff2ef;border:1px solid #f3dcd6;border-radius:7px;padding:9px 10px;font-size:9px}.issued-success{display:flex;align-items:center;flex-direction:column;gap:4px;padding:6px 0 17px}.issued-success>div{width:47px;height:47px;background:#e8f5ed;color:#35835d;display:grid;place-items:center;border-radius:50%;margin-bottom:5px}.issued-success strong{color:#345244;font-size:13px}.issued-success span{color:#89978f;font-size:9px}.issued-key-label{color:#68796e;font-size:10px;font-weight:600;margin-bottom:7px}.issued-key-box{background:#f6f9f7;border:1px dashed #bed5c6;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.issued-key-box code{color:#214c39;font:600 13px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.4px;overflow-wrap:anywhere}.issued-key-box .btn{min-height:34px;font-size:9px}.modal-actions .full-width{flex:1}.license-summary-box{display:flex;align-items:center;gap:9px;padding:10px;border-radius:8px;background:#f7faf8;border:1px solid #edf1ee}.license-summary-icon{width:34px;height:34px;display:grid;place-items:center;background:#eaf4ed;color:#418360;border-radius:8px}.license-summary-box>div:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.license-summary-box strong{font:9px ui-monospace,Consolas,monospace;color:#4a5e51;overflow:hidden;text-overflow:ellipsis}.license-summary-box span{color:#97a39b;font-size:8px}.extension-units{display:flex;gap:6px;background:#f4f7f5;border-radius:7px;padding:4px}.extension-units button{flex:1}.device-license-strip{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;border:1px solid #edf1ee;border-radius:8px;background:#f8faf9;padding:12px;margin-bottom:14px}.device-license-strip>div{display:flex;flex-direction:column;gap:4px;min-width:0}.device-license-strip span{color:#9ba69f;font-size:8px}.device-license-strip strong{color:#53665a;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devices-list{display:flex;flex-direction:column}.device-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eff3f0;padding:12px 1px}.device-row:last-child{border-bottom:0}.device-avatar{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;color:#5f8b71;background:#edf5ef}.device-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.device-info strong{color:#4d6255;font:10px ui-monospace,Consolas,monospace}.device-info span{color:#9ba69f;font-size:8px}.device-status{font-size:8px;border-radius:4px;padding:4px 7px}.device-active{color:#347b57;background:#eaf5ee}.device-released{color:#87928c;background:#f1f4f2}.toast{position:fixed;z-index:150;bottom:24px;left:24px;max-width:min(470px,calc(100vw - 32px));padding:12px 14px;display:flex;align-items:center;gap:9px;border-radius:9px;box-shadow:0 10px 35px #1430242b;background:#fff;color:#53665a;border:1px solid #e7eee9;font-size:10px;animation:modal-in .18s ease-out}.toast-success .toast-symbol{color:#3b8b61}.toast-error .toast-symbol{color:#bd6658}.toast-info .toast-symbol{color:#6487b2}.toast>span:nth-child(2){flex:1}.toast button{border:0;background:none;color:#99a49e;padding:3px;display:grid;place-items:center}.spin{animation:rotate .9s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.app-footer{min-height:46px;border-top:1px solid #e9efeb;padding:0 34px;display:flex;align-items:center;justify-content:space-between;color:#a4aea8;font-size:9px}.app-footer b{color:#6e8d7a;font-weight:600;margin-right:4px}.mobile-scrim{display:none}@media(max-width:1200px){.sidebar{width:238px;flex-basis:238px}.page-content,.topbar{padding-left:23px;padding-right:23px}.stats-grid{gap:10px}.stat-card{padding:14px}.dashboard-grid-top,.dashboard-grid-bottom{grid-template-columns:minmax(0,1.55fr) minmax(245px,1fr);gap:12px}}@media(max-width:980px){.sidebar{position:fixed;right:0;top:0;height:100dvh;transform:translate(105%);transition:transform .22s ease;box-shadow:-12px 0 40px #0000001f}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{display:inline-grid!important}.mobile-scrim{display:block;position:fixed;z-index:25;top:0;right:0;bottom:0;left:0;border:0;background:#10231b61}.mobile-menu{display:inline-grid}.topbar{height:62px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-top,.dashboard-grid-bottom{grid-template-columns:1fr}.plans-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center}.plans-panel .panel-header{grid-column:1 / -1}.donut-wrap{padding:12px 0}.plan-legend{border-top:0;padding:0 15px}}@media(max-width:650px){.page-content{padding:21px 13px 25px}.topbar{padding:0 13px}.topbar-actions{gap:5px}.topbar-user span,.topbar-user>svg,.topbar-divider,.notification-button{display:none}.demo-pill{font-size:8px;padding:5px 7px}.breadcrumb{gap:5px;font-size:9px}.breadcrumb span{display:none}.page-heading{align-items:flex-start;margin-bottom:17px}.page-heading h1{font-size:20px}.page-heading p{max-width:260px;line-height:1.7}.page-heading .btn{min-height:34px;padding:0 9px;font-size:9px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{padding:11px}.stat-top{font-size:9px}.stat-icon{width:29px;height:29px}.stat-value-row strong{font-size:23px}.stat-detail{font-size:8px}.demo-banner{align-items:flex-start;padding:10px;gap:8px}.demo-banner-icon{width:30px;height:30px}.demo-banner strong{font-size:9px}.demo-banner span{line-height:1.6;font-size:8px}.demo-banner button{display:none}.chart-panel,.plans-panel,.table-panel,.activity-panel{padding:14px 12px}.plans-panel{grid-template-columns:1fr}.plans-panel .panel-header{grid-column:auto}.donut-wrap{padding:15px 0 7px}.plan-legend{border-top:1px solid #eff3f0;padding:9px 0 0;width:100%}.bar-chart{height:155px;gap:8px}.chart-bars{gap:8px}.quick-actions-row{padding:11px}.quick-actions-row>div{gap:8px}.quick-actions-row strong{font-size:9px}.quick-actions-row span{font-size:8px}.quick-actions-row .btn{padding:0 9px;font-size:8px}.quick-icon{width:30px;height:30px}.app-footer{padding:0 13px;font-size:8px}.list-toolbar{padding:11px;align-items:stretch}.search-field{width:100%;min-width:0}.toolbar-filters{flex-wrap:wrap;gap:7px}.toolbar-create{margin-right:auto}.customer-summary-row{grid-template-columns:1fr;gap:8px}.mini-summary{padding:10px 12px}.mini-summary strong{font-size:17px}.subscription-callout{align-items:flex-start}.subscription-callout .quiet-link{display:none}.filter-tabs{width:100%;justify-content:space-between}.filter-tabs button{padding:7px 9px}.feature-hero{padding:17px;align-items:flex-start;flex-wrap:wrap}.feature-hero-icon{width:43px;height:43px}.feature-hero h2{font-size:15px}.feature-hero p{font-size:9px}.coming-badge{margin-right:60px}.feature-cards{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr;gap:13px}.setting-row{flex-wrap:wrap}.setting-state{margin-right:45px}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{width:100%;max-height:94dvh;border-radius:15px 15px 0 0;padding:18px 15px calc(18px + env(safe-area-inset-bottom))}.plan-picker{gap:5px}.plan-option{padding:9px 6px}.plan-option strong{font-size:9px}.plan-option small{font-size:7px}.form-grid{grid-template-columns:1fr}.issued-key-box{align-items:stretch;flex-direction:column}.issued-key-box code{text-align:center;font-size:11px}.device-license-strip{grid-template-columns:1fr 1fr}.device-license-strip>div:first-child{grid-column:1 / -1}.device-row{flex-wrap:wrap}.device-info{min-width:calc(100% - 60px)}.device-row .btn{margin-right:45px}.toast{left:10px;right:10px;bottom:10px;max-width:none}}.status-pending{color:#87652a;background:#fbf3e4}.trial-policy-panel{margin-top:16px;padding:18px 20px}.trial-policy-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--rk-border, #e8eee9)}.trial-policy-heading>div{display:flex;flex-direction:column;gap:4px}.trial-policy-heading strong{font-size:14px;color:var(--rk-text, #20382d)}.trial-policy-heading span:not(.plan-badge){font-size:11px;color:var(--rk-muted, #829087)}.trial-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:16px}.trial-policy-grid>div{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid var(--rk-border, #e8eee9);border-radius:10px;min-width:0}.trial-policy-grid span{color:var(--rk-muted, #829087);font-size:10px}.trial-policy-grid strong{color:var(--rk-text, #20382d);font-size:12px;line-height:1.7}@media(max-width:900px){.trial-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.trial-policy-panel{padding:15px 12px}.trial-policy-grid{grid-template-columns:minmax(0,1fr)}}
