diff --git a/index.html b/index.html index feae559..d25843a 100644 --- a/index.html +++ b/index.html @@ -16,23 +16,32 @@ input,select,textarea,button{font:inherit;outline:none} #login p{color:#64748B;font-size:13px;margin-bottom:24px} #login input{display:block;width:100%;padding:12px;border:2px solid #E2E8F0;border-radius:10px;font-size:14px;margin-bottom:12px} #app{display:none;max-width:1100px;margin:0 auto;padding:20px} -.top{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:2px solid #E2E8F0;margin-bottom:20px} +.top{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:2px solid #E2E8F0;margin-bottom:20px;flex-wrap:wrap;gap:10px} .top h2{font-size:20px;font-weight:700} -.card{background:#fff;border-radius:12px;padding:20px;margin-bottom:14px;border:1px solid #E2E8F0} +.card{background:#fff;border-radius:12px;padding:20px;margin-bottom:14px;border:1px solid #E2E8F0;overflow-x:auto} .card h3{font-size:16px;font-weight:700;margin-bottom:10px} -table{width:100%;border-collapse:collapse}th,td{padding:8px 12px;font-size:13px;text-align:left;border-bottom:1px solid #E2E8F0} -th{background:#F1F5F9;font-weight:600;font-size:11px;text-transform:uppercase;color:#64748B} -.badge{display:inline-block;padding:3px 8px;border-radius:100px;font-size:11px;font-weight:600} +table{width:100%;border-collapse:collapse} +th,td{padding:8px 10px;font-size:13px;text-align:left;border-bottom:1px solid #E2E8F0;vertical-align:top} +th{background:#F1F5F9;font-weight:600;font-size:11px;text-transform:uppercase;color:#64748B;white-space:nowrap} +tr:hover{background:#FAFBFC} +.badge{display:inline-block;padding:3px 8px;border-radius:100px;font-size:11px;font-weight:600;white-space:nowrap} .badge.g{background:#D1FAE5;color:#065F46}.badge.a{background:#FEF3C7;color:#92400E}.badge.r{background:#FEE2E2;color:#991B1B}.badge.b{background:#DBEAFE;color:#1E40AF} -.fr{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center} -.fr input,.fr select{padding:10px 14px;border:1px solid #E2E8F0;border-radius:8px;font-size:13px;background:#fff}.fr input{min-width:220px} +.badge.w{background:#F1F5F9;color:#64748B} +.fr{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center} +.fr input,.fr select{padding:8px 12px;border:1px solid #E2E8F0;border-radius:8px;font-size:13px;background:#fff}.fr input{min-width:200px} +.tr-red{background:#FFF5F5}.tr-red td{border-bottom-color:#FECACA;color:#991B1B} +.tr-amber{background:#FFFBEB}.tr-amber td{border-bottom-color:#FDE68A;color:#92400E} +.tr-green{background:#F0FDF4}.tr-green td{border-bottom-color:#BBF7D0;color:#065F46} +.sec-h{background:#0B1A2E;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;display:inline-block;margin:16px 0 8px} +.btn-sm2{padding:3px 10px;font-size:11px;border-radius:6px;border:none;cursor:pointer;font-weight:600;margin:2px} +.btn-sm2:hover{opacity:.8} -
+АО «Казахтелеком»
+AO «Казахтелеком»
@@ -40,45 +49,237 @@ th{background:#F1F5F9;font-weight:600;font-size:11px;text-transform:uppercase;co