/*
Theme Name: Order Management License Control
Theme URI: https://example.com/order-management-license
Author: Alpha
Description: A stylish license management dashboard theme for Order Management.
Version: 1.0.0
Text Domain: om-license-control
*/
:root{--navy:#122b56;--navy2:#1d3f77;--ink:#13294b;--soft:#71819c;--line:#e1e8f1;--bg:#f3f6fb;--orange:#ff4c30;--mint:#00b795;--purple:#7436e8;--red:#dd3440;--yellow:#f2ab26}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,Arial,sans-serif}.om-license-app{min-height:100vh;display:grid;grid-template-columns:246px 1fr}.om-side{position:sticky;top:0;height:100vh;padding:24px 16px;background:linear-gradient(160deg,#112946,#152e51 48%,#0f2038);color:#dfe9fa}.om-brand{display:flex;align-items:center;gap:10px;margin:2px 9px 31px;font-size:17px;font-weight:800;line-height:1.1}.om-brand i{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,#ff684f,#ff3f25);box-shadow:0 7px 17px #ff4c3044;font-style:normal;color:#fff}.om-brand small{display:block;margin-top:4px;color:#9bb1d2;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.om-nav{display:grid;gap:5px}.om-nav button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#bcd0ec;text-align:left;font:700 13px inherit;cursor:pointer;transition:.2s}.om-nav button i{width:19px;text-align:center;font-style:normal}.om-nav button:hover,.om-nav button.is-active{background:#ffffff14;color:#fff}.om-nav button.is-active{background:linear-gradient(90deg,#ff4c30,#ff684f);box-shadow:0 7px 18px #0a172944}.om-side-bottom{position:absolute;right:16px;bottom:20px;left:16px;padding:14px;border-top:1px solid #ffffff1d;color:#89a3c6;font-size:11px}.om-side-bottom b{display:block;margin:4px 0;color:#fff;font-size:12px}.om-main{min-width:0;padding:28px 34px 50px}.om-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.om-top h1{margin:0;font-size:27px;letter-spacing:-.6px}.om-top p{margin:5px 0 0;color:var(--soft)}.om-actions{display:flex;align-items:center;gap:10px}.om-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 14px;border:1px solid #cbd7e7;border-radius:9px;background:#fff;color:#344a6c;font-weight:800;text-decoration:none;cursor:pointer;transition:.2s}.om-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #152c5417}.om-button.primary{border-color:var(--orange);background:var(--orange);color:#fff}.om-button.primary:hover{background:#e94128}.om-user{display:flex;align-items:center;gap:9px;margin-left:6px;color:#3d5273;font-weight:800}.om-user i{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#dff9ed;color:#008c70;font-style:normal}.om-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;padding:28px 32px;border-radius:19px;background:linear-gradient(112deg,#173463,#3454c8);color:#fff;box-shadow:0 16px 36px #1e438436}.om-hero:after{position:absolute;top:-85px;right:8%;width:240px;height:240px;border:28px solid #fff1;border-radius:50%;content:''}.om-hero:before{position:absolute;right:18%;bottom:-110px;width:190px;height:190px;border-radius:50%;background:#ff6d5555;content:''}.om-hero>*{position:relative;z-index:1}.om-hero b{display:inline-block;padding:5px 8px;border-radius:99px;background:#ffffff18;color:#ffccbf;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.om-hero h2{max-width:620px;margin:10px 0 7px;font-size:29px;letter-spacing:-.7px}.om-hero p{max-width:600px;margin:0;color:#d9e5ff}.om-hero-stats{display:flex;gap:20px;flex-wrap:wrap}.om-hero-stats div{min-width:92px;padding:12px 14px;border:1px solid #ffffff2d;border-radius:12px;background:#ffffff13}.om-hero-stats strong,.om-hero-stats span{display:block}.om-hero-stats strong{font-size:24px}.om-hero-stats span{margin-top:2px;color:#cfdcff;font-size:11px}.om-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.om-metric{position:relative;overflow:hidden;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 12px #193d6610}.om-metric:before{position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--orange);content:''}.om-metric:nth-child(2):before{background:var(--mint)}.om-metric:nth-child(3):before{background:var(--purple)}.om-metric:nth-child(4):before{background:var(--yellow)}.om-metric span{display:block;color:var(--soft);font-size:12px;font-weight:700}.om-metric strong{display:block;margin:7px 0 2px;font-size:26px}.om-metric small{color:#008c70;font-weight:800}.om-grid{display:grid;grid-template-columns:1.55fr .9fr;gap:20px}.om-panel{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 6px 17px #1736630d}.om-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 21px 15px;border-bottom:1px solid #edf1f5}.om-panel-head h3{margin:0;font-size:17px}.om-panel-head p{margin:4px 0 0;color:var(--soft);font-size:12px}.om-filter{display:flex;gap:7px}.om-filter button{padding:7px 10px;border:1px solid #d9e2ee;border-radius:7px;background:#fff;color:#60718b;font-size:11px;font-weight:800;cursor:pointer}.om-filter button.is-active{border-color:#ffb2a5;background:#fff2ef;color:var(--orange)}.om-table-wrap{overflow:auto}.om-table{width:100%;min-width:690px;border-collapse:collapse}.om-table th{padding:12px 20px;background:#fafcff;color:#72829b;font-size:10px;letter-spacing:.07em;text-align:left;text-transform:uppercase}.om-table td{padding:15px 20px;border-top:1px solid #edf1f5;vertical-align:middle}.om-table tr{transition:background .2s}.om-table tbody tr:hover{background:#fffaf8}.om-key{display:inline-flex;align-items:center;gap:7px;color:#264f8c;font-family:Consolas,monospace;font-size:12px;font-weight:800}.om-key i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#edf3ff;color:#3d6adc;font-family:Arial;font-style:normal;cursor:pointer}.om-customer{font-weight:800}.om-customer small,.om-table td>small{display:block;margin-top:3px;color:var(--soft);font-size:11px;font-weight:500}.om-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:900}.om-badge.active{background:#dff9ed;color:#008b70}.om-badge.expiring{background:#fff3d8;color:#a86a00}.om-badge.suspended{background:#ffe6e8;color:#c82e39}.om-dots{border:0;background:transparent;color:#5a6a82;font-size:19px;cursor:pointer}.om-quick{padding:20px}.om-quick h3{margin:0 0 14px}.om-create{display:grid;gap:11px}.om-create label{color:#51647f;font-size:11px;font-weight:800}.om-create input,.om-create select{width:100%;margin-top:5px;padding:10px 11px;border:1px solid #d7e0eb;border-radius:8px;background:#fbfcff;color:#264261;font:13px inherit}.om-create input:focus,.om-create select:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px #ff4c3019}.om-create .om-button{margin-top:4px}.om-activity{margin-top:18px;padding:20px}.om-activity h3{margin:0 0 14px}.om-timeline{display:grid;gap:13px}.om-timeline div{position:relative;padding-left:18px;color:#50637e;font-size:12px}.om-timeline div:before{position:absolute;top:3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #dff9ed;content:''}.om-timeline div:nth-child(2):before{background:var(--orange);box-shadow:0 0 0 4px #fff0ed}.om-timeline div:nth-child(3):before{background:var(--purple);box-shadow:0 0 0 4px #f1eaff}.om-timeline b{display:block;color:#203c63}.om-timeline small{display:block;margin-top:2px;color:#8a98aa}@media(max-width:1100px){.om-metrics{grid-template-columns:repeat(2,1fr)}.om-grid{grid-template-columns:1fr}.om-license-app{grid-template-columns:220px 1fr}}@media(max-width:760px){.om-license-app{display:block}.om-side{position:relative;height:auto;padding:18px}.om-brand{margin-bottom:14px}.om-nav{grid-template-columns:repeat(2,1fr)}.om-side-bottom{display:none}.om-main{padding:18px}.om-top{align-items:flex-start;flex-direction:column}.om-actions{width:100%;flex-wrap:wrap}.om-hero{align-items:flex-start;flex-direction:column;padding:23px}.om-hero h2{font-size:24px}.om-metrics{grid-template-columns:1fr 1fr}.om-panel-head{align-items:flex-start;flex-direction:column}.om-user{display:none}}@media(max-width:420px){.om-nav{grid-template-columns:1fr}.om-metrics{grid-template-columns:1fr}.om-hero-stats{width:100%}.om-hero-stats div{flex:1}.om-main{padding:12px}}