*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f3f4f6;--color-bg-card:#fff;--color-border:#e5e7eb;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-primary:#5850ec;--color-primary-hover:#4338ca;--color-success:#10b981;--color-chart-line:#5850ec;--color-chart-fill:#5850ec1a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--radius:6px}body{background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.dashboard-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);position:sticky;z-index:100;box-shadow:var(--shadow-sm);padding:1rem 0;top:0}.header-content{display:flex;justify-content:space-between;align-items: center;gap:2rem;max-width:1280px;margin:0 auto;padding:0 1.5rem}.header-left{display:flex;align-items: center;gap:2rem}.dashboard-title{color:var(--color-text-primary);display:flex;align-items: center;gap:.5rem;font-size:1.25rem;font-weight:600}.dashboard-title .icon{font-size:1.5rem}.dashboard-nav{display:flex;gap:.5rem}.nav-link{color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius);padding:.5rem 1rem;transition:all .15s;font-size:.875rem;font-weight:500}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg)}.nav-link[aria-current=page]{color:var(--color-primary);background-color:var(--color-chart-fill)}.dashboard-controls{display:flex;flex-wrap:wrap;align-items: center;gap:1rem}.control-group{display:flex;align-items: center;gap:.5rem}.control-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}select,input[type=date]{appearance:none;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding:.5rem 2.5rem .5rem .75rem;transition:all .15s;font-size:.875rem}select:hover,input[type=date]:hover{border-color:var(--color-primary)}select:focus,input[type=date]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5850ec1a}.dashboard-container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.card-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:1rem}.card-title{color:var(--color-text-primary);font-size:1rem;font-weight:600}.card-subtitle{color:var(--color-text-secondary);margin-top:.25rem;font-size:.875rem}.chart-container{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.chart-wrapper{width:100%;height:320px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.stats-row{display:flex;border-bottom:1px solid var(--color-border);justify-content:space-around;align-items: center;margin-bottom:1.5rem;padding:1rem 0}.stat-item{display:flex;position:relative;flex-direction:column;align-items: center;padding:0 1rem}.stat-item:not(:last-child):after{content:"";position:absolute;background-color:var(--color-border);width:1px;height:40px;top:50%;right:0;transform:translateY(-50%)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em;text-align:center;margin-bottom:.25rem;font-size:.75rem;font-weight:500}.stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table thead{background:var(--color-bg)}.data-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);position:relative;background:0 0;padding:.875rem 1rem;font-size:.875rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-bg)}.table-cell-primary{color:var(--color-text-primary);font-weight:500}.table-cell-secondary{color:var(--color-text-secondary);font-size:.875rem}.table-cell-number{text-align:right;color:var(--color-text-primary);font-weight:500}.table-cell-percentage{text-align:right;color:var(--color-text-muted);font-size:.875rem}.progress-bar{background:var(--color-bg);overflow:hidden;border-radius:2px;height:4px;margin-top:.5rem}.progress-fill{background:var(--color-primary);height:100%;transition:width .3s}.metric-row{display:flex;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items: center;padding:.75rem 0}.metric-row:last-child{border-bottom:none}.metric-label{color:var(--color-text-primary);display:flex;flex:1;align-items: center;gap:.5rem;font-size:.875rem;font-weight:500}.metric-label .icon{color:var(--color-text-muted);font-size:1rem}.metric-value{color:var(--color-text-primary);margin-left:1rem;font-size:.875rem;font-weight:600}.empty-state{text-align:center;color:var(--color-text-secondary);padding:3rem 1rem}.empty-state-icon{opacity:.3;margin-bottom:1rem;font-size:3rem}.empty-state-text{font-size:.875rem}.loading{display:flex;color:var(--color-text-secondary);justify-content:center;align-items: center;padding:2rem}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .8s linear infinite;border-radius:50%;width:24px;height:24px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.header-content{flex-direction:column;align-items: flex-start;gap:1rem}.header-left{flex-direction:column;align-items: flex-start;gap:1rem;width:100%}.dashboard-nav{width:100%}.nav-link{text-align:center;flex:1}.dashboard-controls,.control-group{flex-direction:column;align-items:stretch;width:100%}select,input[type=date]{width:100%}.stats-grid{grid-template-columns:1fr}.chart-wrapper{height:240px}.data-table{font-size:.813rem}.data-table th,.data-table td{padding:.5rem .75rem}}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--color-text-muted)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.flex{display:flex}.items-center{align-items: center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.details-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;width:100%;margin-top:1rem;padding:.75rem;transition:all .15s;font-size:.875rem;font-weight:500}.details-button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dialog-overlay{position:fixed;display:flex;z-index:1000;background:#00000080;justify-content:center;align-items: center;padding:1rem;inset:0}.dialog{background:var(--color-bg-card);border-radius:var(--radius);display:flex;flex-direction:column;width:100%;max-width:800px;max-height:90vh;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dialog-header{border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items: center;padding:1.5rem}.dialog-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.dialog-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .15s;font-size:1.5rem;line-height:1}.dialog-close:hover{color:var(--color-text-primary)}.dialog-body{overflow-y:auto;flex:1;padding:1.5rem}.data-table tbody tr{position:relative;background:0 0}.data-table tbody tr:after{content:"";position:absolute;background:linear-gradient(to right,var(--color-chart-fill)0%,var(--color-chart-fill)var(--progress-width,0%),transparent var(--progress-width,0%));z-index:0;pointer-events:none;inset:0}.data-table tbody td{position:relative;z-index:1}.table-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:1rem;margin-bottom:1rem}.search-box{flex:1;min-width:200px}.search-input{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-primary);background-color:var(--color-bg-card);width:100%;padding:.5rem .75rem;transition:all .15s;font-size:.875rem}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5850ec1a}.search-input::placeholder{color:var(--color-text-muted)}.items-per-page{display:flex;color:var(--color-text-secondary);align-items: center;gap:.5rem;font-size:.875rem}.page-size-select{margin-left:.5rem}.data-table th.sortable{cursor:pointer;user-select:none;transition:background-color .15s}.data-table th.sortable:hover{background-color:var(--color-border)}.pagination{display:flex;border-top:1px solid var(--color-border);justify-content:center;align-items: center;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem}.pagination-btn{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-primary);cursor:pointer;min-width:38px;padding:.5rem .75rem;transition:all .15s;font-size:.875rem;font-weight:500}.pagination-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--color-text-secondary);padding:.5rem 1rem;font-size:.875rem;font-weight:500}.table-wrapper{overflow-x:auto;margin:-.5rem;padding:.5rem}.sessions-table{min-width:1000px}.loading-state,.no-data-message{text-align:center;color:var(--color-text-secondary);padding:3rem 1rem;font-size:.875rem}.session-link{color:#06c;text-decoration:none;transition:color .2s;font-family:monospace;font-size:.875rem}.session-link:hover{color:#004080;text-decoration:underline}@media (width<=768px){.table-controls{flex-direction:column;align-items:stretch}.search-box{width:100%}.items-per-page{justify-content:space-between}.pagination{flex-wrap:wrap}.pagination-info{text-align:center;order:-1;width:100%;margin-bottom:.5rem}}.create-short-url-box{background:var(--color-bg-card);border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.create-short-url-header{margin-bottom:1.25rem}.create-short-url-header h2{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.create-short-url-header p{color:var(--color-text-secondary);font-size:.875rem}.create-short-url-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:280px 1fr;align-items: start;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.form-group input{border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-bg-card);color:var(--color-text-primary);padding:.625rem .75rem;transition:all .15s;font-size:.875rem}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5850ec1a}.form-group input:disabled{background-color:var(--color-bg);cursor:not-allowed;opacity:.6}.short-id-group{display:flex;flex-direction:column;gap:.5rem}.short-id-input{display:flex;border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-bg-card);overflow:hidden;align-items: center;transition:all .15s}.short-id-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #5850ec1a}.url-prefix{color:var(--color-text-secondary);background-color:var(--color-bg);border-right:1px solid var(--color-border);white-space:nowrap;padding:.625rem 0 .625rem .75rem;font-size:.875rem}.short-id-input input{border:none;flex:1;min-width:0;padding:.625rem .75rem}.short-id-input input:focus{box-shadow:none}.short-id-group{position:relative}.btn-regenerate{position:absolute;background:var(--color-bg);border:1px solid var(--color-border);border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);cursor:pointer;padding:.675rem .5rem;transition:all .15s;font-size:.875rem;top:2rem;right:0}.btn-regenerate:hover:not(:disabled){background:var(--color-border)}.btn-regenerate:disabled{opacity:.5;cursor:not-allowed}.btn-create{color:#fff;background-color:var(--color-primary);border-radius:var(--radius);cursor:pointer;border:none;align-self: flex-start;padding:.625rem 1.5rem;transition:all .15s;font-size:.875rem;font-weight:500}.btn-create:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-create:disabled{opacity:.5;cursor:not-allowed}.message{border-radius:var(--radius);animation:slideDown .2s ease;padding:.75rem 1rem;font-size:.875rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.message-success{color:var(--color-success);background-color:#10b9811a;border:1px solid #10b98133}.message-error{color:#dc2626;background-color:#ef44441a;border:1px solid #ef444433}.btn-toggle-utm{color:var(--color-text-secondary);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;display:flex;align-self: flex-start;align-items: center;gap:.5rem;padding:.5rem 1rem;transition:all .15s;font-size:.875rem;font-weight:500}.btn-toggle-utm:hover:not(:disabled){background-color:var(--color-border);color:var(--color-text-primary)}.btn-toggle-utm:disabled{opacity:.5;cursor:not-allowed}.utm-params{background-color:var(--color-bg);border-radius:var(--radius);border:1px solid var(--color-border);padding:1rem}.utm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.short-url-link{color:var(--color-success);text-decoration:none;display:inline-flex;align-items: center;gap:.5rem;transition:opacity .15s;font-weight:600}.short-url-link:hover{opacity:.8;text-decoration:underline}.btn-copy{cursor:pointer;background:0 0;border:none;margin-left:.5rem;padding:.25rem .5rem;transition:transform .15s;font-size:1rem}.btn-copy:hover{transform:scale(1.2)}.btn-copy:active{transform:scale(.9)}@media (width<=768px){.form-row,.utm-grid{grid-template-columns:1fr}}.url-detail-card{margin-bottom:2rem}.url-detail-content{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;border-bottom:1px solid var(--color-border);align-items: center;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-text-secondary);min-width:160px;font-size:.875rem;font-weight:600}.detail-value{color:var(--color-text-primary);word-break:break-all}.detail-value a{color:var(--color-primary);text-decoration:none}.detail-value a:hover{text-decoration:underline}.status-badge{text-transform:capitalize;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.status-active{color:#065f46;background-color:#d1fae5}.status-inactive{color:#991b1b;background-color:#fee2e2}.error-state{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;margin:2rem;padding:2rem}.error-state h2{color:var(--color-text-primary);margin-bottom:.5rem}.error-state p{color:var(--color-text-secondary)}.btn-edit{background-color:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.5rem 1rem;transition:background-color .2s;font-size:.875rem;font-weight:500}.btn-edit:hover{background-color:var(--color-primary-hover)}.edit-actions{display:flex;gap:.5rem}.btn-save{background-color:var(--color-success);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.5rem 1rem;transition:background-color .2s;font-size:.875rem;font-weight:500}.btn-save:hover:not(:disabled){background-color:#059669}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{color:#fff;border-radius:var(--radius);cursor:pointer;background-color:#6b7280;border:none;padding:.5rem 1rem;transition:background-color .2s;font-size:.875rem;font-weight:500}.btn-cancel:hover:not(:disabled){background-color:#4b5563}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.detail-input{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-primary);flex:1;padding:.5rem;font-family:inherit;font-size:.875rem}.detail-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5850ec1a}.detail-select{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-primary);cursor:pointer;background-color:#fff;padding:.5rem;font-family:inherit;font-size:.875rem}.detail-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5850ec1a}