*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;color:#09090b;font-size:14px;line-height:1.5;background:#f4f4f5}.app{display:flex;min-height:100vh;width:100%}.sidebar{width:260px;background:#18181b;color:#fff;display:flex;flex-direction:column;flex-shrink:0;transition:left .3s ease}.sidebar-header{padding:20px;border-bottom:1px solid #27272a;display:flex;align-items:center;gap:12px}.sidebar-logo{display:flex;align-items:center;gap:12px;flex:1}.sidebar-logo>div{display:flex;flex-direction:column;gap:2px}.sidebar-logo-icon{width:38px;height:38px;background:#27272a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sidebar-title{font-size:18px;font-weight:700;margin:0;color:#fff;letter-spacing:-.3px}.sidebar-subtitle{font-size:11px;color:#a1a1aa}.sidebar-close-btn{display:none;width:32px;height:32px;border:none;background:transparent;color:#a1a1aa;cursor:pointer;border-radius:6px;align-items:center;justify-content:center;transition:all .15s}.sidebar-close-btn:hover{background:#27272a;color:#fff}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section:last-child{margin-bottom:0}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#71717a;padding:0 12px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;color:#d4d4d8;text-decoration:none;transition:all .15s ease;cursor:pointer;border:none;background:none;width:100%;font-size:13px;font-weight:500}.nav-item:hover,.nav-item.active{background:#27272a;color:#fff}.nav-item-icon{width:18px;height:18px;flex-shrink:0}.nav-item-label{flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-badge{font-size:11px;background:#3f3f46;padding:2px 6px;border-radius:4px;color:#a1a1aa}.add-project-btn{width:calc(100% - 24px);margin:12px 12px 16px;padding:10px;border:1px dashed #3f3f46;border-radius:8px;background:transparent;color:#71717a;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.add-project-btn:hover{border-color:#52525b;color:#fff;background:#27272a}.projects-dropdown{margin:0 12px}.projects-dropdown-header{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#27272a;border:none;color:#fff;cursor:pointer;transition:all .15s ease;text-align:left;font-size:13px;font-weight:500}.projects-dropdown-header:hover{background:#3f3f46}.dropdown-arrow{margin-left:auto;color:#71717a;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.projects-dropdown-list{margin-top:8px;background:#27272a;border-radius:8px;overflow:hidden}.dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 36px;border:none;background:transparent;color:#d4d4d8;cursor:pointer;transition:all .15s ease;text-align:left;font-size:13px;font-weight:500}.dropdown-item:hover,.dropdown-item.active{background:#3f3f46;color:#fff}.dropdown-item-label{flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:16px;border-top:1px solid #27272a}.mobile-menu-toggle{display:none;width:40px;height:40px;border:none;background:#f4f4f5;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;transition:background .15s}.mobile-menu-toggle:hover{background:#e4e4e7}.mobile-menu-toggle svg{width:20px;height:20px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}.sidebar-overlay.active{display:block}.main-content{flex:1;padding:24px 32px;overflow-y:auto;height:100vh;width:100%;min-width:0}.ct-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px;width:100%}.ct-header-left{display:flex;align-items:center;gap:12px}.page-title{font-size:20px;font-weight:700;margin:0;color:#09090b;letter-spacing:-.3px}.page-subtitle{font-size:12px;color:#71717a;margin:0}.project-select{padding:8px 12px;border-radius:8px;border:1px solid #e4e4e7;font-size:13px;color:#18181b;background:#fff;cursor:pointer;outline:none;min-width:200px}.project-select:focus{border-color:#18181b}.ct-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ct-period-tabs{display:flex;align-items:center;background:#f4f4f5;border-radius:8px;padding:3px;gap:2px}.ct-period-tab{padding:5px 12px;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;color:#71717a;transition:all .15s ease;white-space:nowrap;cursor:pointer;border:none;background:none}.ct-period-tab:hover{color:#18181b;background:#e4e4e7}.ct-period-tab.active{background:#fff;color:#18181b;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ct-date-form{display:flex;align-items:center;gap:6px;background:#f4f4f5;border-radius:8px;padding:3px 8px}.ct-date-label{font-size:12px;color:#71717a;font-weight:500}.ct-date-input{padding:4px 8px;border-radius:6px;border:1px solid #e4e4e7;font-size:12px;color:#18181b;background:#fff;outline:none;transition:border-color .15s}.ct-date-input:focus,.ct-date-input.active{border-color:#18181b}.ct-date-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:#18181b;color:#fff;cursor:pointer;flex-shrink:0;transition:background .15s}.ct-date-btn:hover{background:#27272a}.ct-export-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f4f4f5;border-radius:8px;font-size:13px;font-weight:500;color:#18181b;text-decoration:none;transition:all .15s ease;white-space:nowrap;border:none;cursor:pointer}.ct-export-btn:hover{background:#e4e4e7}.ct-chart-panel{background:#fff;border:1px solid #e4e4e7;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a;margin-bottom:20px;width:100%}.ct-chart-body{padding:20px 24px;position:relative;height:280px}.ct-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;width:100%}.ct-card{background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:20px 22px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 1px 2px #0000000a;transition:box-shadow .15s;min-width:0}.ct-card:hover{box-shadow:0 4px 12px #00000014}.ct-card-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ct-card-icon--total{background:#f4f4f5;color:#18181b}.ct-card-icon--phone{background:#f0fdf4;color:#16a34a}.ct-card-icon--button{background:#faf5ff;color:#7c3aed}.ct-card-icon--email{background:#eff6ff;color:#2563eb}.ct-card-icon--whatsapp{background:#f0fdf4;color:#15803d}.ct-card-icon--telegram{background:#eff6ff;color:#0284c7}.ct-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.ct-card-label{font-size:12px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.4px}.ct-card-num{font-size:32px;font-weight:700;line-height:1;letter-spacing:-1px;color:#09090b}.ct-tables{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;width:100%}@media (width <= 1400px){.ct-tables{grid-template-columns:repeat(2,1fr)}}@media (width <= 900px){.ct-tables{grid-template-columns:1fr}}.ct-panel{background:#fff;border:1px solid #e4e4e7;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a;min-width:0}.ct-panel-header{padding:14px 18px;border-bottom:1px solid #f4f4f5;background:#fafafa}.ct-panel-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#71717a}.ct-panel-body{padding:4px 0}.ct-table{width:100%;border-collapse:collapse}.ct-table td{padding:9px 16px;font-size:13px;border-bottom:1px solid #fafafa;color:#18181b;vertical-align:middle}.ct-table tr:last-child td{border-bottom:none}.ct-table tr:hover td{background:#fafafa}.ct-table-label{font-weight:500;color:#18181b}.ct-table-url{font-size:12px;color:#52525b;word-break:break-all}.ct-table-count{text-align:right;white-space:nowrap}.ct-count-badge{display:inline-flex;align-items:center;justify-content:center;background:#f4f4f5;border-radius:6px;padding:2px 9px;font-size:12px;font-weight:600;color:#52525b;min-width:28px}.ct-type-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 7px;border-radius:5px;white-space:nowrap}.ct-type-phone{background:#dcfce7;color:#15803d}.ct-type-email{background:#dbeafe;color:#1d4ed8}.ct-type-button{background:#f3e8ff;color:#6d28d9}.ct-type-whatsapp{background:#dcfce7;color:#15803d}.ct-type-telegram{background:#dbeafe;color:#0284c7}.ct-source-row{display:inline-flex;align-items:center;gap:7px;font-size:13px}.ct-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ct-dot--yandex{background:#fc3f1d}.ct-dot--google{background:#4285f4}.ct-dot--facebook{background:#1877f2}.ct-dot--instagram{background:#e1306c}.ct-dot--vk{background:#07f}.ct-dot--2gis{background:#00b956}.ct-dot--avito{background:#00aeef}.ct-dot--default{background:#a1a1aa}.ct-dot--tiktok{background:#000}.ct-dot--youtube{background:red}.ct-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:#a1a1aa;background:#fff;border:1px solid #e4e4e7;border-radius:12px;margin-bottom:20px}.ct-empty-state p{margin:0;font-size:14px}.ct-empty{text-align:center;padding:32px 16px;color:#a1a1aa;font-size:13px}.ct-log-wrap{background:#fff;border:1px solid #e4e4e7;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a;margin-top:20px;width:100%}.ct-log-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #f4f4f5;background:#fafafa;flex-wrap:wrap;gap:12px}.ct-log-header-left{display:flex;align-items:center;gap:12px}.ct-log-body{overflow-x:auto}.ct-log-table{width:100%;border-collapse:collapse;font-size:13px}.ct-log-table thead th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a1a1aa;border-bottom:1px solid #f4f4f5;background:#fafafa;white-space:nowrap}.ct-log-table tbody td{padding:12px 16px;border-bottom:1px solid #f4f4f5;color:#18181b;vertical-align:middle}.ct-log-table tbody tr:last-child td{border-bottom:none}.ct-log-table tbody tr:hover td{background:#fafafa}.ct-log-label{font-weight:500;max-width:180px}.ct-log-date{font-family:SFMono-Regular,Consolas,monospace;font-size:12px;color:#71717a;white-space:nowrap}.ct-log-url a{color:#2563eb;text-decoration:none;font-size:12px;display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.ct-log-url a:hover{text-decoration:underline}.ct-log-source{font-size:12px;white-space:nowrap}.ct-muted{color:#d4d4d8}.ct-device-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:2px 8px;border-radius:5px;white-space:nowrap}.ct-device-mobile{background:#fef9c3;color:#854d0e}.ct-device-desktop{background:#f4f4f5;color:#52525b}.ct-filters-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ct-filter-select{padding:6px 10px;border-radius:6px;border:1px solid #e4e4e7;font-size:13px;color:#18181b;background:#fff;cursor:pointer;transition:border-color .15s}.ct-filter-select:hover,.ct-filter-select:focus{border-color:#18181b;outline:none}.ct-filter-reset{font-size:13px;color:#dc2626;text-decoration:none;font-weight:500;transition:color .15s}.ct-filter-reset:hover{color:#991b1b;text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.modal-title{font-size:18px;font-weight:700;margin-bottom:8px;color:#09090b}.modal-subtitle{font-size:13px;color:#71717a;margin-bottom:20px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;color:#18181b;margin-bottom:6px}.form-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e4e4e7;font-size:14px;color:#18181b;outline:none;transition:border-color .15s}.form-input:focus{border-color:#18181b}.form-input::placeholder{color:#a1a1aa}.modal-actions{display:flex;gap:10px;margin-top:24px}.btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.btn-primary{background:#18181b;color:#fff}.btn-primary:hover{background:#27272a}.btn-secondary{background:#f4f4f5;color:#18181b}.btn-secondary:hover{background:#e4e4e7}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.projects-page{width:100%}.projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px;width:100%}.projects-title-block{display:flex;align-items:center;gap:12px}.projects-view-toggle{display:flex;align-items:center;background:#f4f4f5;border-radius:8px;padding:3px;gap:2px}.view-toggle-btn{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;color:#71717a;background:transparent;border:none;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.view-toggle-btn:hover{color:#18181b;background:#e4e4e7}.view-toggle-btn.active{background:#fff;color:#18181b;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;width:100%}.projects-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;width:100%}.project-card{background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:20px;box-shadow:0 1px 2px #0000000a;transition:box-shadow .15s,transform .15s;min-width:0}.project-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.project-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.project-card-name{font-size:16px;font-weight:600;color:#09090b;margin:0;flex:1}.project-card-actions{display:flex;gap:8px;flex-shrink:0}.icon-btn{width:32px;height:32px;border-radius:6px;border:none;background:#f4f4f5;color:#52525b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn:hover{background:#e4e4e7;color:#18181b}.icon-btn.danger:hover{background:#fef2f2;color:#dc2626}.project-card-domain{font-size:13px;color:#71717a;margin-bottom:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-code{background:#f4f4f5;border-radius:6px;padding:10px 12px;margin-bottom:16px}.code-label{font-size:11px;color:#71717a;text-transform:uppercase;font-weight:600;margin-bottom:6px;display:block}.code-value{font-family:SFMono-Regular,Consolas,monospace;font-size:12px;color:#18181b;word-break:break-all}.project-card-stats{display:flex;gap:16px;padding-top:16px;border-top:1px solid #f4f4f5}.stat-item{flex:1}.stat-value{font-size:20px;font-weight:700;color:#09090b}.stat-label{font-size:11px;color:#71717a;text-transform:uppercase}.add-project-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;border:2px dashed #e4e4e7;background:transparent;cursor:pointer;transition:all .15s}.add-project-card:hover{border-color:#18181b;background:#fafafa}.add-project-icon{width:48px;height:48px;border-radius:12px;background:#f4f4f5;color:#18181b;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.add-project-text{font-size:14px;font-weight:500;color:#52525b}.project-card.compact{padding:14px;border-radius:10px}.project-card.compact .project-card-header{margin-bottom:8px}.project-card.compact .project-card-name{font-size:14px}.project-card.compact .project-card-domain{font-size:12px;margin-bottom:10px}.project-card.compact .project-card-code{padding:8px 10px;margin-bottom:10px}.project-card.compact .code-label{font-size:10px;margin-bottom:4px}.project-card.compact .code-value{font-size:11px}.project-card.compact .project-card-actions{gap:4px}.project-card.compact .icon-btn{width:28px;height:28px}.project-card.compact .icon-btn svg{width:14px;height:14px}.project-card.compact .project-card-stats{padding-top:12px;gap:12px}.project-card.compact .stat-value{font-size:18px}.project-card.compact .stat-label{font-size:10px}.add-project-card.compact{min-height:140px}.add-project-card.compact .add-project-icon{width:40px;height:40px;margin-bottom:10px}.add-project-card.compact .add-project-text{font-size:13px}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#71717a}.spinner{width:24px;height:24px;border:3px solid #f4f4f5;border-top-color:#18181b;border-radius:50%;animation:spin .8s linear infinite}@media (width <= 768px){.mobile-menu-toggle,.sidebar-close-btn{display:flex}.sidebar{position:fixed;top:0;left:-80%;width:80%;max-width:320px;height:100vh;z-index:999;box-shadow:2px 0 10px #0000004d}.sidebar.open{left:0}.main-content{padding:16px}.ct-header{flex-direction:column;align-items:flex-start;gap:12px}.ct-header-left{width:100%;justify-content:space-between;flex-direction:row}.ct-header-left .page-title-block{order:1}.ct-header-left .mobile-menu-toggle{order:2}.ct-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}.ct-period-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ct-cards{grid-template-columns:repeat(2,1fr)}.ct-tables,.projects-grid{grid-template-columns:1fr}.projects-compact{grid-template-columns:repeat(2,1fr)}}@media (width <= 480px){.sidebar{left:-85%;width:85%;max-width:340px}.projects-compact,.ct-cards{grid-template-columns:1fr}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#18181b,#27272a);padding:20px}.login-container{width:100%;max-width:420px}.login-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{width:64px;height:64px;background:#18181b;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 16px}.login-title{font-size:24px;font-weight:700;color:#09090b;margin:0 0 4px}.login-subtitle{font-size:13px;color:#71717a;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.login-error.duplicate-notice{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.login-error svg{flex-shrink:0}.login-btn{width:100%;padding:12px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #f4f4f5;text-align:center}.login-hint{font-size:12px;color:#71717a;margin:0}.sidebar-user-profile{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#27272a;text-decoration:none;transition:background .15s;margin-bottom:8px}.sidebar-user-profile:hover{background:#3f3f46}.sidebar-user-avatar{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-user-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:11px;color:#a1a1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-arrow{color:#71717a;flex-shrink:0;transition:transform .15s}.sidebar-user-profile:hover .sidebar-user-arrow{transform:translate(2px);color:#a1a1aa}.profile-page{max-width:700px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.profile-header .page-title{font-size:24px;font-weight:700;color:#09090b;margin:0}.profile-content{display:flex;flex-direction:column;gap:16px}.profile-card{background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000a}.profile-avatar-section{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #f4f4f5;margin-bottom:20px}.profile-avatar-large{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}.profile-email-text{font-size:18px;font-weight:600;color:#09090b;margin:0 0 4px}.profile-role{font-size:12px;color:#71717a;font-weight:500}.profile-card-title{font-size:16px;font-weight:600;color:#09090b;margin:0 0 20px}.profile-edit-row,.profile-view-row{display:flex;align-items:center;gap:12px}.profile-edit-row,.profile-edit-row .form-input{flex:1}.profile-edit-actions{display:flex;gap:8px;flex-shrink:0}.profile-view-row{justify-content:space-between;padding:10px 12px;background:#f9fafb;border-radius:8px;border:1px solid #e4e4e7}.profile-value{font-size:14px;color:#18181b;font-weight:500}.profile-view-row .btn{padding:6px 12px;font-size:13px}.profile-error{margin-top:12px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.profile-success{margin-top:12px;padding:10px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;font-size:13px}.logout-btn-full{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:14px;font-weight:600}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}