:root{--color-teal-900:#115e59;--color-teal-800:#134e4a;--color-teal-700:#0f766e;--color-teal-600:#0d9488;--color-cyan-500:#06b6d4;--color-cyan-100:#cffafe;--color-amber-500:#f59e0b;--color-amber-100:#fef3c7;--color-slate-900:#0f172a;--color-slate-600:#475569;--color-slate-400:#94a3b8;--color-slate-100:#f1f5f9;--bg-page:#fdfbf7;--bg-card:#ffffff;--shadow-layered:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06),0 20px 25px -5px rgba(0,0,0,0.05);--radius-xl:24px;--radius-lg:12px;--radius-md:8px}*{box-sizing:border-box}body,html{overflow-x:hidden}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-page);color:var(--color-slate-900);-webkit-font-smoothing:antialiased;max-width:100vw}button,h1,h2,h3,h4,input,label{font-family:inherit}.app-shell{display:flex;min-height:100vh}.sidebar-panel{width:260px;background:var(--color-teal-900);color:white;display:flex;flex-direction:column;padding:1.5rem;position:fixed;height:100vh;left:0;top:0;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:4px 0 24px rgba(0,0,0,.1)}.sidebar-panel.closed{transform:translateX(-100%);box-shadow:none}.sidebar-panel.open{transform:translateX(0)}.nav-item{color:var(--color-slate-100);transition:all .2s}.nav-item:hover{background:rgba(255,255,255,.1);color:white}.sidebar-header{margin-top:4rem;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem;padding-left:.5rem}.nav-item.active{background:var(--color-cyan-600);color:white;font-weight:600;box-shadow:0 4px 12px rgba(6,182,212,.3)}.content-area{flex:1 1;padding:5rem 2rem 2rem;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:stretch;min-height:100vh}.app-shell.guest-mode .content-area,.app-shell.sidebar-collapsed .content-area{margin-left:0}.dashboard-container{width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;flex:1 1}.app-shell.guest-mode .content-area{padding:0}@media (max-width:768px){.dashboard-container{padding:0}}.main-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-layered);width:100%;max-width:1250px;display:flex;overflow:hidden;margin-top:0;border:1px solid rgba(0,0,0,.05);align-items:stretch}.card-section{padding:2.5rem}.card-left{flex:1.5 1;border-right:1px solid var(--color-slate-100);background:white;min-width:0}.card-right{flex:1 1;background:#f1f5f9;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;border-left:1px solid rgba(0,0,0,.04);min-width:0}.heading-lg{font-size:2rem;font-weight:800;color:var(--color-teal-900);margin-bottom:.5rem;letter-spacing:-.02em}.label-text{font-size:.875rem;font-weight:600;color:var(--color-slate-600);margin-bottom:.5rem;display:block}.input-base{width:100%;padding:.875rem 1rem;border:2px solid var(--color-slate-100);border-radius:var(--radius-md);font-size:1rem;transition:all .2s;background:var(--bg-page)}.input-base:focus{outline:none;border-color:var(--color-teal-600);box-shadow:0 0 0 4px var(--color-cyan-100)}.input-base:disabled{background:var(--color-slate-100);cursor:not-allowed;opacity:.7}.btn-primary{width:100%;padding:1rem;background:var(--color-teal-700);color:white;border:none;border-radius:var(--radius-md);font-weight:700;font-size:1.1rem;cursor:pointer;transition:transform .1s,background .2s;box-shadow:0 4px 6px rgba(15,118,110,.2)}.btn-primary:hover{background:var(--color-teal-800);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--color-slate-400);cursor:wait}.nav-item{color:var(--color-teal-100,#ccfbf1);padding:.75rem 1rem;border-radius:var(--radius-md);text-decoration:none;margin-bottom:.5rem;font-weight:500;transition:background .2s;display:flex;align-items:center;gap:.75rem}.nav-item.active,.nav-item:hover{background:rgba(255,255,255,.1);color:white}.qr-frame{background:white;padding:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px rgba(0,0,0,.05);border:2px solid var(--color-cyan-100);margin-top:1.5rem;aspect-ratio:1/1;width:100%;max-width:480px;display:flex;align-items:center;justify-content:center}@media (max-width:1024px){.main-card{flex-direction:column}.card-left{border-right:none;border-bottom:1px solid var(--color-slate-100)}}.sidebar-toggle{position:fixed;top:1.5rem;left:1.5rem;z-index:201;width:44px;height:44px;border-radius:12px;background:transparent;color:var(--color-teal-900);border:none;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all .3s ease}.sidebar-toggle.open{color:white}.mobile-top-banner{display:none}@media (max-width:1024px){.mobile-top-banner{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:100%;height:56px;background:linear-gradient(135deg,var(--color-teal-900) 0,var(--color-teal-700) 100%);z-index:150;box-shadow:0 2px 12px rgba(15,118,110,.3);padding:0 1rem}.sidebar-toggle{position:fixed;top:8px;right:1rem;left:auto;z-index:300;width:40px;height:40px;background:transparent;border-radius:8px;color:white;font-size:1.75rem;transition:all .2s ease}.sidebar-toggle:hover{background:rgba(255,255,255,.1)}.sidebar-toggle.open{background:transparent;color:white}.sidebar-panel{width:100%;max-width:100%;height:auto;min-height:40vh;max-height:calc(100vh - 56px);left:0;top:56px;border-radius:0 0 24px 24px;background:var(--color-teal-900);transform:translateY(-120%);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;box-shadow:0 10px 40px rgba(0,0,0,.3);z-index:140;overflow-y:auto;padding:1rem 1rem 2rem;opacity:0;display:flex;flex-direction:column;justify-content:flex-start}.sidebar-header{margin-top:0;margin-bottom:1rem;padding-left:0}.sidebar-panel .nav-item{margin-bottom:.25rem}.sidebar-panel.open{transform:translateY(0);opacity:1}.sidebar-panel.closed{transform:translateY(-120%);opacity:0}.sidebar-panel .nav-item{background:transparent;border-radius:12px;margin-bottom:.5rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:500;color:rgba(255,255,255,.85);transition:all .2s ease;border:1px solid transparent}.sidebar-panel .nav-item:hover{background:rgba(255,255,255,.1);color:white;transform:translateX(4px)}.sidebar-panel .nav-item.active{background:var(--color-teal-700);color:white;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.sidebar-panel .sidebar-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.content-area{margin-left:0!important;padding:4.5rem 1rem 2rem}.main-card{flex-direction:column;border-radius:16px}.card-left{border-right:none;border-bottom:1px solid var(--color-slate-100)}.card-section{padding:1.5rem}}@media (max-width:480px){.content-area{padding-left:.5rem;padding-right:.5rem}.card-section{padding:1rem}}.link-card{background:white;border-radius:12px;padding:2rem;box-shadow:0 2px 4px rgba(0,0,0,.05);border:1px solid #f1f5f9}.link-card-inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:3rem}.lc-section-left{flex:1 1 350px;display:flex;flex-direction:column;gap:.5rem}.lc-short-link{color:var(--color-teal-700);font-weight:800;font-size:1.5rem;text-decoration:none;line-height:1.2;word-break:break-all}.lc-original-url{font-size:1rem;color:#64748b;word-break:break-all}.lc-section-middle{flex:1 1 300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:0 2rem;border-left:1px solid #f1f5f9;border-right:1px solid #f1f5f9}.lc-meta-date{font-size:.9rem;color:#94a3b8}.lc-meta-date,.lc-meta-group{display:flex;align-items:center;gap:1rem}.lc-meta-group{flex-wrap:wrap;justify-content:center}.lc-group-tag{background:#ccfbf1;color:#115e59;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:700;text-transform:uppercase}.lc-section-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.lc-clicks-label{font-size:.75rem;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.lc-clicks-value{font-size:1.5rem;font-weight:800;color:#0f766e}@media (max-width:768px){.link-card{padding:1.25rem}.link-card-inner{flex-direction:column;align-items:stretch;gap:1.5rem}.lc-section-left{width:100%;flex:auto}.lc-section-middle{flex:auto;border:1px solid #f1f5f9;border-right:none;border-left:none;padding:1rem 0;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.lc-section-middle,.lc-section-right{width:100%;justify-content:space-between}.lc-section-right{flex:auto;flex-direction:row;align-items:center}.lc-section-right>div:first-child{align-items:flex-start!important}}.auth-card{background:white;border-radius:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 20px 25px -5px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);width:100%;max-width:560px;overflow:hidden}[data-amplify-authenticator]{--amplify-colors-background-primary:transparent;--amplify-colors-brand-primary-10:var(--color-cyan-100);--amplify-colors-brand-primary-80:var(--color-teal-700);--amplify-colors-brand-primary-90:var(--color-teal-800);--amplify-colors-brand-primary-100:var(--color-teal-900);--amplify-components-button-primary-background-color:var(--color-teal-700);--amplify-components-button-primary-hover-background-color:var(--color-teal-800);--amplify-components-button-primary-box-shadow:0 4px 6px rgba(15,118,110,0.2);--amplify-components-button-border-radius:12px;--amplify-components-fieldcontrol-border-radius:12px;--amplify-components-fieldcontrol-focus-box-shadow:0 0 0 3px var(--color-cyan-100);--amplify-components-tabs-item-active-color:var(--color-teal-700);--amplify-components-tabs-item-active-border-color:var(--color-teal-700);--amplify-fonts-default:"Inter",system-ui,sans-serif}[data-amplify-authenticator] [data-amplify-router]{box-shadow:none;border:none;background:transparent}[data-amplify-authenticator] [data-amplify-footer]{display:none}