*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:Inter,Arial,sans-serif}#root{min-height:100vh}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;width:250px;padding:24px 16px}.sidebar h2{margin:0 0 30px;font-size:22px}.sidebar a{color:#d1d5db;border-radius:8px;margin-bottom:6px;padding:12px;text-decoration:none;display:block}.sidebar a:hover,.sidebar a.active{color:#fff;background:#2563eb}.main-content{flex:1;padding:30px}.card-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.card h3{color:#6b7280;margin:0;font-size:14px}.card strong{margin-top:10px;font-size:32px;display:block}@media (width<=900px){.sidebar{width:80px}.sidebar h2{font-size:14px}.card-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.app-layout{flex-direction:column}.sidebar{width:100%}.card-grid{grid-template-columns:1fr}}.settings-page{max-width:960px;margin:0 auto}.settings-heading{margin-bottom:24px}.settings-heading h1{margin:0 0 8px;font-size:30px}.settings-heading p{color:#6b7280;margin:0;line-height:1.5}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px;box-shadow:0 2px 8px #0000000d}.integration-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.integration-header h2{margin:0 0 8px;font-size:21px}.integration-header p{color:#6b7280;max-width:650px;margin:0;line-height:1.5}.integration-status{border-radius:999px;flex-shrink:0;align-items:center;padding:7px 11px;font-size:13px;font-weight:600;display:inline-flex}.integration-status.connected{color:#166534;background:#dcfce7}.integration-status.disconnected{color:#4b5563;background:#f3f4f6}.settings-message{border-radius:8px;margin-top:18px;padding:12px 14px;font-size:14px;line-height:1.4}.settings-message.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.settings-message.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.integration-form{padding-top:22px}.integration-form label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.integration-key-row{gap:10px;display:flex}.integration-key-row input{color:#111827;width:100%;min-width:0;height:44px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:0 13px}.integration-key-row input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.integration-key-row input:disabled{color:#9ca3af;background:#f9fafb}.primary-button,.danger-button{min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;padding:0 17px;font-weight:600}.primary-button{color:#fff;background:#2563eb}.primary-button:hover:not(:disabled){background:#1d4ed8}.primary-button:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed}.danger-button{color:#b91c1c;background:#fee2e2}.danger-button:hover:not(:disabled){background:#fecaca}.integration-help{color:#6b7280;margin:9px 0 0;font-size:13px}.integration-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:20px;display:flex}.integration-footer strong,.integration-footer span{display:block}.integration-footer strong{font-size:14px}.integration-footer span{color:#6b7280;margin-top:4px;font-size:13px}@media (width<=700px){.main-content{padding:20px 16px}.settings-card{padding:18px}.integration-header,.integration-footer{flex-direction:column;align-items:stretch}.integration-status{align-self:flex-start}.integration-key-row{flex-direction:column}.primary-button,.danger-button{width:100%}}.auth-screen{background:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:420px;padding:30px;box-shadow:0 8px 30px #00000014}.auth-brand{color:#2563eb;margin-bottom:22px;font-size:18px;font-weight:700}.auth-card h1{margin:0 0 8px;font-size:28px}.auth-card>p{color:#6b7280;margin:0 0 24px}.auth-loading{text-align:center;color:#6b7280}.auth-form{flex-direction:column;gap:9px;margin-top:20px;display:flex}.auth-form label{margin-top:7px;font-size:14px;font-weight:600}.auth-form input{color:#111827;width:100%;height:44px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:0 13px}.auth-form input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.auth-form .primary-button{width:100%;margin-top:14px}@media (width<=500px){.auth-screen{padding:16px}.auth-card{padding:22px}}.tracked-links-page{max-width:1400px;margin:0 auto}.tracked-links-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.tracked-links-heading h1{margin:0}.tracked-links-heading p{color:#6b7280;margin:7px 0 0}.tracked-create-card,.tracked-list-section,.tracked-log-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:24px;padding:22px}.tracked-create-card h2,.tracked-list-section h2,.tracked-log-section h2{margin:0}.tracked-create-form{grid-template-columns:minmax(180px,.7fr) minmax(280px,1.6fr) auto;align-items:end;gap:14px;margin-top:18px;display:grid}.tracked-field{flex-direction:column;gap:7px;display:flex}.tracked-field label{font-size:14px;font-weight:600}.tracked-field input{color:#111827;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:0 12px}.tracked-field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.generated-link-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:16px;display:flex}.generated-link-box span,.generated-link-box strong{display:block}.generated-link-box span{color:#6b7280;margin-bottom:4px;font-size:13px}.generated-link-box strong{word-break:break-all;font-size:17px}.copy-link-button,.tracked-log-button,.tracked-close-button,.tracked-short-link button{cursor:pointer;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:8px 12px}.copy-link-button:hover,.tracked-log-button:hover,.tracked-close-button:hover,.tracked-short-link button:hover{background:#f3f4f6}.tracked-section-title,.tracked-log-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.tracked-section-title span{color:#6b7280;font-size:14px}.tracked-table-wrap{width:100%;overflow-x:auto}.tracked-table{border-collapse:collapse;width:100%}.tracked-table th,.tracked-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:13px 12px}.tracked-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.tracked-table td{font-size:14px}.tracked-table td strong,.tracked-table td small{display:block}.tracked-table td small{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:360px;margin-top:5px;overflow:hidden}.tracked-short-link{align-items:center;gap:8px;display:flex}.tracked-short-link span{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.tracked-click-count{font-weight:700;font-size:18px!important}.tracked-empty{color:#6b7280;text-align:center;padding:32px 10px}.tracked-log-header p{color:#6b7280;margin:5px 0 0}.tracked-stats{grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px;margin-bottom:22px;display:grid}.tracked-stats>div{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.tracked-stats span,.tracked-stats strong{display:block}.tracked-stats span{color:#6b7280;font-size:13px}.tracked-stats strong{margin-top:6px;font-size:20px}.tracked-user-agent{text-overflow:ellipsis;white-space:nowrap;max-width:380px;overflow:hidden}@media (width<=900px){.tracked-create-form{grid-template-columns:1fr}.tracked-create-form .primary-button{width:100%}.tracked-stats{grid-template-columns:1fr}}@media (width<=700px){.tracked-create-card,.tracked-list-section,.tracked-log-section{padding:16px}.generated-link-box,.tracked-log-header,.tracked-section-title{flex-direction:column;align-items:stretch}.copy-link-button,.tracked-close-button{width:100%}}