*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-card:#252525;--text-primary:#fff;--text-secondary:#a0a0a0;--accent:#4caf50;--accent-hover:#45a049;--danger:#f44336;--warning:#ff9800;--border:#333}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.container{max-width:900px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:40px}.header h1{font-size:2em;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:12px}.header p{color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.card-title{font-size:1.1em;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.9em;color:var(--text-secondary);margin-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:600px){.form-row{grid-template-columns:1fr}}input,select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:1em}input:focus,select:focus{outline:none;border-color:var(--accent)}input[type=datetime-local]{color-scheme:dark}button{padding:12px 24px;border:none;border-radius:8px;font-size:1em;font-weight:500;cursor:pointer;transition:all .2s}button:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.result-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px;margin-top:20px}.result-box h4{font-size:.9em}.license-code,.result-box h4{color:var(--accent);margin-bottom:12px}.license-code{font-family:Consolas,Monaco,monospace;font-size:1.4em;letter-spacing:2px;padding:16px;background:var(--bg-primary);border-radius:8px;text-align:center;word-break:break-all}.info-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.9em;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary)}.info-value{font-weight:500}.btn-copy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px}.history-list{max-height:300px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-secondary);border-radius:8px;margin-bottom:8px}.history-item:last-child{margin-bottom:0}.history-code{font-family:monospace;font-size:.85em;color:var(--accent)}.history-info{font-size:.8em;color:var(--text-secondary)}.toast{position:fixed;bottom:20px;right:20px;padding:12px 24px;background:var(--accent);color:#fff;border-radius:8px;opacity:0;transition:opacity .3s;z-index:1000}.toast.show{opacity:1}.quick-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.quick-btn{padding:8px 16px;font-size:.85em;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px}.quick-btn:hover{border-color:var(--accent);color:var(--accent)}.quick-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{flex:1 1;padding:12px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active,.tab:hover{border-color:var(--accent)}.tab.active{background:var(--accent);color:#fff}.license-list{display:flex;flex-direction:column;gap:12px}.license-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:all .2s}.license-item.expired{opacity:.6}.license-item.selected{border-color:var(--accent);background:rgba(76,175,80,.05)}.license-item.deleted{opacity:.7;border-color:#555}.license-item.deleted.selected{border-color:var(--accent);opacity:1}.license-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer}.license-header:hover{background:hsla(0,0%,100%,.03)}.license-main{flex:1 1}.license-code-small{font-family:monospace;font-size:.9em;color:var(--accent);margin-bottom:4px}.license-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.8em;color:var(--text-secondary)}.status-badge{padding:2px 8px;border-radius:4px;font-size:.85em}.status-badge.active{background:rgba(76,175,80,.2);color:var(--accent)}.status-badge.expired{background:rgba(244,67,54,.2);color:var(--danger)}.status-badge.deleted{background:hsla(0,0%,62%,.2);color:#757575}.note-badge{background:rgba(255,152,0,.2);color:var(--warning);padding:2px 8px;border-radius:4px}.duration-badge{background:rgba(33,150,243,.2);color:#42a5f5}.duration-badge,.used-badge{padding:2px 8px;border-radius:4px;font-size:.85em;font-weight:500}.used-badge.used{background:rgba(156,39,176,.2);color:#ab47bc}.used-badge.unused{background:hsla(0,0%,62%,.2);color:#9e9e9e}.license-actions{display:flex;gap:8px}.btn-icon{width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--border);border-radius:6px;font-size:14px;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-card)}.btn-icon.danger:hover{border-color:var(--danger);background:rgba(244,67,54,.1)}.license-details{padding:16px;border-top:1px solid var(--border);background:rgba(0,0,0,.2)}.detail-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.9em;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:var(--text-secondary)}.devices-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.devices-section h5{margin-bottom:12px;color:var(--text-secondary);font-size:.9em}.device-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-primary);border-radius:6px;margin-bottom:8px}.device-item:last-child{margin-bottom:0}.device-name{font-weight:500;margin-bottom:4px}.device-info{font-size:.8em;color:var(--text-secondary)}.btn-small{padding:4px 12px;font-size:.8em;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-primary)}.btn-small.danger{border-color:var(--danger);color:var(--danger)}.btn-small.danger:hover{background:var(--danger);color:#fff}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.btn-danger:disabled,.btn-primary:disabled{cursor:not-allowed;opacity:.5}.logout-btn{padding:8px 16px;background:rgba(244,67,54,.15);border:1px solid rgba(244,67,54,.3);border-radius:6px;color:#f87171;cursor:pointer;font-size:14px;transition:all .2s}.logout-btn:hover{background:rgba(244,67,54,.25);border-color:rgba(244,67,54,.5)}