*{box-sizing:border-box}html{min-height:100%;background:#f5f5f7}body{min-height:100%;margin:0;color:#1d1d1f;background:#f5f5f7;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Noto Sans Thai,Sukhumvit Set,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;letter-spacing:0}button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed}h1{margin:0 0 1rem;color:#1d1d1f;font-size:clamp(1.55rem,1.1rem + 1.8vw,2.25rem);line-height:1.08;font-weight:600;letter-spacing:-.022em}h2,h3{color:#172027;letter-spacing:0}.header,.head{display:flex!important;justify-content:space-between;align-items:flex-end!important;gap:1rem;margin-bottom:1rem!important}.header h1,.head h1{margin-bottom:0}.hint{max-width:920px;margin:-.3rem 0 1rem!important;color:#64717b!important;line-height:1.6}.stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1rem!important;margin-bottom:1.25rem!important}.stat-card,.chart-card,.top-products,.form-card,table{border:1px solid rgba(23,32,39,.08)!important;border-color:#ececf0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f!important}.stat-card{position:relative;min-height:104px;padding:1rem!important;overflow:hidden}.stat-card:after{display:none}.stat-card h3{margin:0!important;color:#6e6e73!important;font-size:.85rem!important;font-weight:500!important;text-transform:none;letter-spacing:0}.stat-card .value{position:relative;z-index:1;margin:.45rem 0 0!important;color:#1d1d1f!important;font-size:clamp(1.45rem,2.2vw,2rem)!important;line-height:1;font-weight:700!important}.stat-card.warning:after{background:#f39b4433}.stat-card.warning .value{color:#b95e17!important}.chart-card,.top-products,.form-card{padding:1.2rem!important;margin-bottom:1rem!important}.chart-head{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:1rem;margin-bottom:1rem!important}.chart-head h2{margin:0!important;font-size:1.08rem!important;font-weight:600}.chart-head .sum{color:#64717b!important;font-size:.9rem!important}.chart{height:230px!important;padding:.8rem .8rem .35rem!important;border:1px solid #ececf0;border-radius:12px;background:#fbfbfd}.bar{border-radius:6px 6px 0 0!important;background:#10298e!important;box-shadow:none}.bar-value{min-width:28px;padding:.22rem .45rem;border-radius:980px;color:#10298e!important;background:#e9edfb;text-align:center}.bar:hover{background:#1b3bb0!important}.bar-label{color:#79858c!important}.filters{display:flex!important;gap:.75rem!important;margin-bottom:1rem!important}.search,.filters input,.filters select,.head select,.form-group input,.form-group select,.form-group textarea,.status-form input,.status-form select{width:100%;min-height:42px;padding:.72rem 1rem!important;border:1px solid transparent!important;border-radius:12px!important;color:#1d1d1f;background:#f5f5f7;outline:none;box-shadow:none}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236e6e73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .85rem center!important;background-size:14px!important;cursor:pointer}.head select,.filters select,.status-form select{width:auto!important;min-width:154px;padding-right:2.35rem!important;border-color:#d2d2d7!important;border-radius:12px!important;background-color:#f5f5f7!important}.form-group select{padding-right:2.35rem!important;border-color:transparent!important;background-color:#f5f5f7!important}.filters select{flex:0 0 auto}.head select{align-self:center}.search:focus,.filters input:focus,.filters select:focus,.head select:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.status-form input:focus,.status-form select:focus{border-color:#0a7f8f!important;border-color:#10298e!important;background:#fff;box-shadow:0 0 0 4px #0071e31f}.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.9rem!important}.form-group label{display:block!important;margin-bottom:.35rem!important;color:#1d1d1f;font-size:.9rem;font-weight:500!important}.form-group.full{grid-column:1/-1}.btn-primary,button[type=submit]{min-height:42px;border:1px solid transparent!important;border-radius:980px!important;color:#fff!important;background:#10298e!important;box-shadow:none;cursor:pointer;font-weight:500;padding:.72rem 1.35rem!important}.btn-sm,table button,.btn,.ok,.no{min-height:34px;border:1px solid #d2d2d7!important;border-radius:980px!important;color:#1d1d1f;background:#fff!important;cursor:pointer;font-weight:500}.btn-sm.danger,.btn.danger,.no{border-color:#c8454573!important;color:#b53232!important}.ok{border-color:#0a7f8f7a!important;color:#075c67!important}table{width:100%;border-collapse:separate!important;border-spacing:0!important;overflow:hidden}th,td{padding:.75rem 1rem!important;border-bottom:1px solid #ececf0!important;text-align:left;vertical-align:middle!important}th{color:#6e6e73!important;background:#fbfbfd!important;font-size:.78rem;font-weight:600!important;text-transform:uppercase;letter-spacing:.04em}td{color:#1d1d1f}tbody tr{transition:background .14s ease}tbody tr:hover{background:#fbfbfd!important}small,.muted{color:#78858c!important}.empty{color:#7f8b92!important;text-align:center!important;padding:2rem!important}.status,.badge,.status-active,.status-inactive{display:inline-flex;align-items:center;min-height:26px;padding:.25rem .55rem!important;border-radius:980px!important;font-size:.8rem!important;font-weight:600!important;white-space:nowrap}.status,.badge,.status-active{color:#075c67!important;color:#10298e!important;background:#e9edfb!important}.status.pending,.status.waitinglicense,.status.edu-pending{color:#a85513!important;background:#fcf0e2!important}.status.paid,.status.delivered,.status.licenseassigned,.status.active,.status.edu-approved,.badge:not(.off){color:#0b6f49!important;background:#e7f7ed!important}.status.failed,.status.cancelled,.status.edu-rejected,.badge.off{color:#b53232!important;background:#fdecea!important}.status.refunded,.status.expired,.status-inactive{color:#66717d!important;background:#f5f5f7!important}.key,.keys{font-family:Cascadia Mono,Consolas,monospace!important;font-size:.82rem!important}.clickable{cursor:pointer}.overlay{position:fixed!important;inset:0!important;z-index:100!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:2rem!important;overflow-y:auto!important;background:#1d1d1f5c!important;backdrop-filter:blur(10px)}.modal{width:100%!important;max-width:920px!important;padding:1.2rem!important;border:1px solid #ececf0;border-radius:18px!important;background:#fff!important;box-shadow:0 20px 56px #00000024!important}.modal-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:1rem;margin-bottom:1rem!important}.modal-head h2{margin:0 0 .4rem!important;font-size:1.35rem!important}.close-btn{width:38px;height:38px;border:1px solid #d2d2d7!important;border-radius:980px!important;color:#6e6e73!important;background:#fff!important}.info,.totals{border:1px solid rgba(23,32,39,.08);border-color:#ececf0;border-radius:12px!important;background:#fbfbfd!important}.row{display:flex!important;justify-content:space-between!important;gap:1rem;padding:.35rem 0!important}.row span{color:#66717d!important}.row.total{border-top:1px solid rgba(23,32,39,.1);margin-top:.35rem;padding-top:.65rem!important}@media(max-width:1120px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:760px){body{font-size:14px}.header,.head,.filters,.status-form,.chart-head{align-items:stretch!important;flex-direction:column!important}.stats,.form-grid,.grid{grid-template-columns:1fr!important}table{display:block;overflow-x:auto;white-space:nowrap}.overlay{padding:.75rem!important}}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:42px;padding:.72rem 1rem!important;border:1px solid transparent!important;border-radius:12px!important;color:#1d1d1f!important;background-color:#f5f5f7!important;box-shadow:none!important;outline:none!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:#86868b!important}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{background-color:#fff!important;border-color:#10298e!important;box-shadow:0 0 0 4px #10298e1f!important}select{width:auto;min-width:154px;padding-right:2.35rem!important;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236e6e73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .85rem center!important;background-size:14px!important;appearance:none;-webkit-appearance:none;cursor:pointer}.form-group select,.form-grid select,form select{width:100%!important}.head select,.filters select,.status-form select{width:auto!important;min-width:154px;border-radius:12px!important;border-color:#d2d2d7!important;background-color:#f5f5f7!important;box-shadow:none!important}.head select:focus,.filters select:focus,.status-form select:focus{background-color:#fff!important;border-color:#10298e!important;box-shadow:0 0 0 3px #10298e1f!important}.filters input,.search,.status-form input{width:100%!important}.filters input[type=search],.filters input:not([type]),.filters input[type=text],input.search,.search{min-height:44px;padding-left:2.55rem!important;border-color:#d2d2d7!important;border-radius:12px!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.75 18.5C15.0302 18.5 18.5 15.0302 18.5 10.75C18.5 6.46979 15.0302 3 10.75 3C6.46979 3 3 6.46979 3 10.75C3 15.0302 6.46979 18.5 10.75 18.5Z' stroke='%2386868b' stroke-width='1.8'/%3E%3Cpath d='M16.45 16.45L21 21' stroke='%2386868b' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:.85rem center!important;background-size:18px!important}.filters input[type=search]:focus,.filters input:not([type]):focus,.filters input[type=text]:focus,input.search:focus,.search:focus{border-color:#10298e!important;background-color:#fff!important;box-shadow:0 0 0 4px #10298e1f!important}.filters{align-items:center}.filters input+select,.search+select{margin-left:0}