﻿.se-content{padding:20px 24px;max-width:1400px;margin:0 auto}
.se-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.se-header h2{font-size:16px;font-weight:700;color:#111827;margin-bottom:4px}
.se-header .bc{font-size:11px;color:#9ca3af}
.se-header .bc a{color:#9ca3af;text-decoration:none}
.se-upgrade-bar{background:#fff;border:1px solid #e8eaf0;border-radius:12px;padding:14px 18px;margin-bottom:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.se-upgrade-bar i{color:#f59e0b;font-size:18px;flex-shrink:0}
.se-upgrade-bar p{flex:1;font-size:11px;color:#6b7280;line-height:1.5;margin:0}
.se-upgrade-bar p strong{color:#111827;font-size:12px}
.se-upgrade-btn{background:#1a1d23;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}
.se-layout{display:grid;grid-template-columns:1fr 320px;gap:16px}
.card{background:#fff;border:1px solid #e8eaf0;border-radius:12px;padding:18px;margin-bottom:14px}
.card:last-child{margin-bottom:0}
.card-title{font-size:13px;font-weight:700;color:#111827;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
.row{display:flex;align-items:center;padding:9px 0;border-bottom:1px solid #f3f4f6;gap:10px}
.row:last-of-type{border-bottom:none}
.row-label{width:130px;font-size:11px;color:#9ca3af;flex-shrink:0}
.row-val{flex:1;font-size:12px;color:#111827}
.row-edit{color:#d1d5db;cursor:pointer;font-size:11px;flex-shrink:0}
.row-edit:hover{color:#6b7280}
.badge-avail{background:#dcfce7;color:#16a34a;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px}
.badge-2fa-on{background:#dcfce7;color:#16a34a;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px}
.badge-2fa-off{background:#fee2e2;color:#ef4444;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px}
.link-blue{color:#2563eb;font-size:11px;text-decoration:none;white-space:nowrap;flex-shrink:0}
.link-blue:hover{text-decoration:underline}
.social-icons{display:flex;gap:6px;flex-wrap:wrap}
.s-icon{width:26px;height:26px;border-radius:6px;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;transition:.15s}
.s-icon:hover{border-color:#9ca3af}
.toggle{position:relative;width:34px;height:18px;flex-shrink:0}
.toggle input{opacity:0;width:0;height:0}
.toggle span{position:absolute;inset:0;border-radius:20px;background:#d1d5db;cursor:pointer;transition:.2s}
.toggle span::before{content:'';width:13px;height:13px;border-radius:50%;background:#fff;position:absolute;left:2px;top:2px;transition:.2s}
.toggle input:checked+span{background:#2563eb}
.toggle input:checked+span::before{transform:translateX(15px)}
.cal-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f3f4f6}
.cal-item:last-of-type{border-bottom:none}
.cal-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.cal-ico.g{background:#fef2f2;color:#ea4335}
.cal-ico.m{background:#eff6ff;color:#3b82f6}
.cal-info{flex:1}
.cal-info strong{display:block;font-size:12px;color:#111827}
.cal-info span{font-size:10px;color:#9ca3af}
.tfa-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f3f4f6}
.tfa-item:last-of-type{border-bottom:none}
.tfa-ico{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.device-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #f3f4f6}
.device-item:last-of-type{border-bottom:none}
.device-ico{width:34px;height:34px;border-radius:8px;background:#f9fafb;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:14px;color:#6b7280;flex-shrink:0}
.device-info{flex:1}
.device-info strong{display:block;font-size:12px;color:#111827}
.device-info span{font-size:10px;color:#9ca3af;display:block}
.google-btn{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:600;color:#374151;cursor:pointer;background:#fff;transition:.15s;width:100%}
.google-btn:hover{background:#f9fafb}
/* Right column */
.plan-card{background:linear-gradient(135deg,#1a1d23 60%,#2d3748 100%);border-radius:12px;padding:18px;margin-bottom:14px;color:#fff;position:relative;overflow:hidden}
.plan-img{width:90px;height:70px;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:10px}
.plan-badge{background:#f59e0b;color:#fff;font-size:9px;font-weight:700;padding:2px 8px;border-radius:10px;display:inline-block;margin-bottom:8px}
.plan-card h4{font-size:13px;font-weight:700;margin-bottom:4px}
.plan-card p{font-size:10px;color:#9ca3af;margin-bottom:12px;line-height:1.5}
.plan-upgrade-btn{background:#fff;color:#111827;border:none;border-radius:8px;padding:7px 14px;font-size:11px;font-weight:600;cursor:pointer;transition:.15s}
.plan-upgrade-btn:hover{background:#f3f4f6}
.integration-mini{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #f3f4f6}
.integration-mini:last-of-type{border-bottom:none}
.intm-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.intm-icon.ds{background:#eff6ff;color:#3b82f6}
.intm-icon.de{background:#f0fdf4;color:#16a34a}
.intm-icon.api{background:#fff7ed;color:#ea580c}
.intm-info{flex:1}
.intm-info strong{display:block;font-size:11px;font-weight:600;color:#111827}
.intm-info span{font-size:10px;color:#9ca3af;line-height:1.4;display:block}
.goal-card{background:#fff;border:1px solid #e8eaf0;border-radius:12px;padding:18px;margin-bottom:14px}
.goal-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}
.goal-amount{font-size:22px;font-weight:700;color:#111827}
.goal-label{font-size:10px;color:#9ca3af}
.goal-bar-wrap{background:#f3f4f6;border-radius:20px;height:6px;margin:10px 0 6px;overflow:hidden}
.goal-bar-fill{background:#3b82f6;height:6px;border-radius:20px;width:55%}
.goal-meta{display:flex;justify-content:space-between;font-size:10px;color:#9ca3af}
.payment-table{width:100%;border-collapse:collapse;font-size:11px}
.payment-table th{text-align:left;color:#9ca3af;font-weight:500;padding:6px 0;border-bottom:1px solid #f3f4f6}
.payment-table td{padding:8px 0;border-bottom:1px solid #f3f4f6;color:#374151}
.payment-table tr:last-child td{border-bottom:none}
.pay-amount.positive{color:#16a34a;font-weight:600}
.pay-amount.negative{color:#ef4444;font-weight:600}
.conn-table{width:100%;border-collapse:collapse;font-size:11px}
.conn-table th{text-align:left;color:#9ca3af;font-weight:500;padding:6px 0;border-bottom:1px solid #f3f4f6}
.conn-table td{padding:8px 0;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}
.conn-table tr:last-child td{border-bottom:none}
.conn-user{display:flex;align-items:center;gap:8px}
.conn-user img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.conn-user strong{display:block;font-size:11px;color:#111827}
.conn-user span{font-size:10px;color:#9ca3af}
.conn-status{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}
.conn-status.on{background:#dcfce7;color:#16a34a}
.conn-status.off{background:#f3f4f6;color:#9ca3af}
.view-all-link{text-align:center;margin-top:10px}
.view-all-link a{color:#2563eb;font-size:11px;text-decoration:none}
.avatar-wrap{position:relative;width:52px;height:52px;flex-shrink:0}
.avatar-wrap img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid #e5e7eb}
.avatar-wrap .cam{position:absolute;bottom:0;right:0;background:#3b82f6;color:#fff;border-radius:50%;width:16px;height:16px;font-size:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.section-link{text-align:center;margin-top:8px}
.section-link a{color:#2563eb;font-size:11px;text-decoration:none}
@media(max-width:1100px){.se-layout{grid-template-columns:1fr 280px}}
@media(max-width:900px){.se-layout{grid-template-columns:1fr}}
@media(max-width:600px){.se-content{padding:12px 14px}.se-header{flex-direction:column;align-items:flex-start}.se-upgrade-bar{flex-direction:column;align-items:flex-start}.row-label{width:110px}.payment-table th:nth-child(2),.payment-table td:nth-child(2){display:none}}
