*{box-sizing:border-box}body{color:#eee;background:#1e1e1e;margin:0;font-family:Arial,sans-serif}.page{max-width:420px;margin:0 auto;padding:32px 20px}.page-wide{max-width:1100px;padding:24px 20px}h1{color:#f0c040;margin-top:0}h3{margin-top:0}label{color:#aaa;margin-top:12px;font-size:12px;display:block}input[type=text],input:not([type]){color:#eee;background:#111;border:1px solid #444;border-radius:4px;width:100%;margin:6px 0 4px;padding:9px;font-size:14px}.btn{color:#eee;cursor:pointer;background:#333;border:1px solid #555;border-radius:4px;padding:8px 14px;font-size:13px}.btn-primary{color:#1e1e1e;background:#f0c040;border:none;font-weight:700}.btn-danger{background:#4a2020;border-color:#6a3030}.btn-link{color:#8fb8f0;background:0 0;border:none;padding:4px 0;text-decoration:underline}.btn-tiny{padding:3px 8px;font-size:12px}.error{color:#f08f8f}.key-row{align-items:center;gap:8px;margin:8px 0 16px;display:flex}.key-row code{letter-spacing:1px;background:#111;border-radius:4px;padding:6px 10px;font-size:15px}.admin-header{justify-content:space-between;align-items:center;display:flex}.admin-toolbar{align-items:center;gap:16px;margin:12px 0 16px;display:flex}.search{flex:1;max-width:420px}.checkbox{color:#ccc;align-items:center;gap:6px;font-size:13px;display:flex}.checkbox input{width:auto;margin:0}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #333;padding:8px 10px}.table th{color:#aaa;font-weight:400}.table .notes{color:#bbb;max-width:180px}.table .actions{white-space:nowrap;gap:6px;display:flex}.table .empty{text-align:center;color:#888;padding:24px}.hint{color:#888;margin-top:2px;font-size:11px}.badge{border-radius:10px;padding:2px 8px;font-size:12px;display:inline-block}.badge-active{color:#8fd68f;background:#1f3d1f}.badge-unlimited{color:#8fc0f0;background:#1f2f3d}.badge-grace{color:#f0c040;background:#3d3520}.badge-pending{color:#bbb;background:#333}.badge-expired,.badge-suspended{color:#f08f8f;background:#3d1f1f}.modal-overlay{background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#262626;border:1px solid #444;border-radius:8px;min-width:280px;padding:20px}.modal-actions{gap:8px;margin-top:16px;display:flex}.stats-bar{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:16px 0 20px;display:grid}.stat-card{text-align:center;cursor:pointer;background:#242424;border:1px solid #383838;border-radius:10px;padding:12px 14px;font-family:inherit;transition:border-color .15s,transform .1s}.stat-card:hover{border-color:#555;transform:translateY(-1px)}.stat-card.stat-active{border-color:#f0c040;box-shadow:0 0 0 1px #f0c040}.stat-value{font-size:26px;font-weight:700;line-height:1.1}.stat-label{color:#999;margin-top:4px;font-size:12px}.stat-ok .stat-value{color:#8fd68f}.stat-warn .stat-value{color:#f0c040}.stat-bad .stat-value{color:#f08f8f}.stat-neutral .stat-value{color:#eee}.search{width:100%;max-width:480px;margin-bottom:20px;display:block}.client-group{margin-bottom:28px}.client-group-title{color:#ccc;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:400;display:flex}.count-pill{color:#eee;background:#333;border-radius:10px;padding:1px 9px;font-size:12px;font-weight:700}.client-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.empty{text-align:center;color:#888;padding:40px 0}.client-card{cursor:pointer;background:#242424;border:1px solid #383838;border-radius:10px;padding:14px;transition:border-color .15s,transform .1s}.client-card:hover{border-color:#555;transform:translateY(-1px)}.client-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.client-name{font-size:14px;font-weight:700}.client-email{color:#999;font-size:12px}.client-days{color:#999;margin-bottom:10px;font-size:12px}.client-meta{color:#bbb;flex-wrap:wrap;gap:10px;margin:10px 0;font-size:12px;display:flex}.client-meta span{display:block}.key-row{margin:8px 0}.key-row code{padding:4px 8px;font-size:13px}.hint{color:#888;margin-bottom:6px;font-size:11px}.client-notes{margin-bottom:10px}.notes-display{color:#ccc;cursor:pointer;background:#1e1e1e;border:1px dashed #444;border-radius:6px;min-height:14px;padding:6px 8px;font-size:12px}.notes-empty{color:#666}.notes-textarea{box-sizing:border-box;color:#eee;resize:vertical;background:#111;border:1px solid #444;border-radius:6px;width:100%;padding:6px 8px;font-family:inherit;font-size:12px}.notes-actions{gap:6px;margin-top:6px;display:flex}.client-actions{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.modal-details{width:100%;max-width:420px;max-height:85vh;overflow-y:auto}.modal-details .client-name{font-size:16px}.timeline{flex-direction:column;gap:10px;margin:8px 0 4px;display:flex}.timeline-item{align-items:flex-start;gap:10px;display:flex}.timeline-icon{background:#1e1e1e;border:1px solid #444;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.timeline-body{font-size:12px}.timeline-label{color:#eee}.timeline-sub{color:#888;margin-top:1px;font-size:11px}