:root{--primary:#4f46e5;--secondary:#6366f1;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--dark:#1f2937;--light:#f9fafb;--sidebar-width:260px;--topbar-height:60px;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb;--shadow:0 1px 3px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.1)}[data-theme=dark]{--primary:#6366f1;--bg-primary:#1f2937;--bg-secondary:#111827;--text-primary:#f9fafb;--text-secondary:#9ca3af;--border-color:#374151;--shadow:0 1px 3px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--bg-secondary);color:var(--text-primary);transition:background .3s,color .3s;overflow-x:hidden}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;box-shadow:var(--shadow)}.topbar-left{display:flex;align-items:center;gap:15px}.sidebar-toggle{background:0 0;border:none;font-size:20px;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.sidebar-toggle:hover{background:var(--bg-secondary)}.logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--primary)}.logo i{font-size:24px}.header-clock{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:8px;font-size:14px;font-weight:600;font-family:'Courier New',monospace;box-shadow:0 2px 8px rgba(79,70,229,.3);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 2px 8px rgba(79,70,229,.3)}50%{box-shadow:0 2px 12px rgba(79,70,229,.5)}}.topbar-right{display:flex;align-items:center;gap:15px}.topbar-icon-btn{background:0 0;border:none;font-size:18px;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.topbar-icon-btn:hover{background:var(--bg-secondary);transform:translateY(-1px)}.theme-toggle{background:0 0;border:none;font-size:18px;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.theme-toggle:hover{background:var(--bg-secondary);transform:rotate(20deg)}.notification-dropdown{position:relative}.notification-btn{background:0 0;border:none;font-size:18px;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:6px;position:relative;transition:background .2s}.notification-btn:hover{background:var(--bg-secondary)}.notification-btn .badge{position:absolute;top:4px;right:4px;background:var(--danger);color:#fff;font-size:10px;padding:2px 5px;border-radius:10px;font-weight:600;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.notification-menu{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);display:none;z-index:1001;animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-menu.show{display:block}.notification-header{padding:15px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.notification-header h4{font-size:16px;font-weight:600}.notification-count{font-size:12px;color:var(--text-secondary)}.notification-items{max-height:300px;overflow-y:auto}.notification-item{padding:15px;border-bottom:1px solid var(--border-color);display:flex;gap:12px;cursor:pointer;transition:background .2s}.notification-item:hover{background:var(--bg-secondary)}.notification-item:last-child{border-bottom:none}.notification-item i{font-size:20px;margin-top:2px}.notification-item p{font-size:14px;margin-bottom:4px}.notification-item small{font-size:12px;color:var(--text-secondary)}.text-info{color:var(--info)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.user-profile{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.user-name{font-size:14px;font-weight:500}.sidebar{position:fixed;top:var(--topbar-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--topbar-height));background:var(--bg-primary);border-right:1px solid var(--border-color);overflow-y:auto;overflow-x:hidden;transition:transform .3s;z-index:999;scroll-behavior:smooth}.sidebar.collapsed{transform:translateX(-100%)}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color)}.sidebar-header h3{font-size:14px;text-transform:uppercase;color:var(--text-secondary);font-weight:600;letter-spacing:.5px}.sidebar-clock-container{padding:20px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,rgba(79,70,229,.05),rgba(99,102,241,.05))}.sidebar-clock{text-align:center;padding:15px;background:var(--bg-primary);border-radius:12px;border:2px solid var(--primary);box-shadow:0 4px 12px rgba(79,70,229,.1)}.sidebar-clock-time{font-size:32px;font-weight:700;font-family:'Courier New',monospace;color:var(--primary);margin-bottom:5px;letter-spacing:2px}.sidebar-clock-date{font-size:13px;color:var(--text-secondary);font-weight:500}.sidebar-menu{padding:10px;padding-bottom:100px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 15px;color:var(--text-primary);text-decoration:none;border-radius:8px;margin-bottom:4px;transition:all .2s;font-weight:500}.menu-item:hover{background:var(--bg-secondary);transform:translateX(4px)}.menu-item.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.3)}.menu-item i{font-size:18px;width:20px}.menu-category{margin-bottom:12px}.category-header{display:flex;align-items:center;gap:12px;padding:12px 15px;cursor:pointer;border-radius:8px;transition:background .2s;user-select:none;font-weight:500}.category-header:hover{background:var(--bg-secondary)}.category-header i:first-child{font-size:18px;width:20px}.category-header .arrow{margin-left:auto;font-size:12px;transition:transform .3s}.category-header.open .arrow{transform:rotate(180deg)}.category-items{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding-left:32px}.category-items.show{max-height:2000px}.category-items .menu-item{font-size:14px;padding:10px 15px}.endpoint-list{padding-left:48px;max-height:none;margin-bottom:12px;margin-top:4px}.endpoint-list-item{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 40px;font-size:13px;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s;margin-bottom:3px;position:relative;min-height:36px}.endpoint-list-item::before{content:'';position:absolute;left:16px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;border:2px solid var(--text-secondary);background:0 0;transition:all .2s;flex-shrink:0}.endpoint-list-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.endpoint-list-item:hover::before{border-color:var(--text-primary)}.endpoint-list-item.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.endpoint-list-item.active::before{background:#fff;border-color:#fff;box-shadow:0 0 0 2px var(--primary)}.endpoint-list-method{padding:3px 8px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;flex-shrink:0;min-width:40px;text-align:center;display:inline-block}.endpoint-list-method.GET{background:rgba(16,185,129,.2);color:var(--success)}.endpoint-list-method.POST{background:rgba(59,130,246,.2);color:var(--info)}.sidebar-footer{margin-top:auto;padding:20px;border-top:1px solid var(--border-color)}.sidebar-social{display:flex;gap:10px;justify-content:center}.sidebar-social-link{width:36px;height:36px;border-radius:8px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:16px;text-decoration:none;transition:all .2s}.sidebar-social-link:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.main-content{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);padding:30px;min-height:calc(100vh - var(--topbar-height));transition:margin-left .3s}.main-content.expanded{margin-left:0}.dashboard-clock-container{display:flex;justify-content:center;margin-bottom:30px}.clock-card{background:var(--bg-primary);border-radius:20px;padding:30px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);text-align:center;position:relative;overflow:hidden}.clock-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(79,70,229,.05) 0,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}#dashboardClock{position:relative;z-index:1;display:block;margin:0 auto}.clock-digital-time{font-size:24px;font-weight:700;font-family:'Courier New',monospace;color:var(--primary);margin-top:15px;letter-spacing:2px}.clock-label{font-size:13px;color:var(--text-secondary);margin-top:8px;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .3s;position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s}.stat-card:hover::before{transform:scaleX(1)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-title{font-size:14px;color:var(--text-secondary);font-weight:500}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon.primary{background:rgba(79,70,229,.1);color:var(--primary)}.stat-icon.success{background:rgba(16,185,129,.1);color:var(--success)}.stat-icon.warning{background:rgba(245,158,11,.1);color:var(--warning)}.stat-icon.info{background:rgba(59,130,246,.1);color:var(--info)}.stat-value{font-size:32px;font-weight:700;margin-bottom:8px}.stat-change{font-size:13px;display:flex;align-items:center;gap:4px}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.search-container{position:relative;flex:1;max-width:500px;margin:0 20px}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding:10px 15px 10px 45px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:all .2s}.search-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;display:none;z-index:1002}.search-results.show{display:block;animation:slideDown .3s ease}.search-result-item{padding:12px 15px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.search-result-item:hover{background:var(--bg-secondary)}.search-result-item:last-child{border-bottom:none}.search-result-title{font-weight:600;font-size:14px;margin-bottom:4px;display:flex;align-items:center;gap:8px}.search-result-method{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.search-result-path{font-size:12px;color:var(--text-secondary);font-family:Monaco,Menlo,monospace}.search-no-results{padding:20px;text-align:center;color:var(--text-secondary)}.chart-container{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color);margin-bottom:30px;transition:all .3s}.chart-container:hover{box-shadow:var(--shadow-lg)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-title{font-size:18px;font-weight:600}.chart-filters{display:flex;gap:8px}.chart-filter-btn{padding:6px 12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;font-weight:500}.chart-filter-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.chart-filter-btn.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:var(--primary);box-shadow:0 4px 12px rgba(79,70,229,.3)}.charts-row{margin-bottom:30px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:20px}.page-header{margin-bottom:30px}.page-header h1{font-size:32px;font-weight:700;margin-bottom:8px}.page-header p{color:var(--text-secondary);font-size:16px}.endpoint-card{background:var(--bg-primary);border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:var(--shadow);border:1px solid var(--border-color);animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.endpoint-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.endpoint-title{display:flex;align-items:center;gap:15px}.endpoint-title h3{font-size:24px;font-weight:600}.method-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.method-badge.GET{background:rgba(16,185,129,.1);color:var(--success)}.method-badge.POST{background:rgba(59,130,246,.1);color:var(--info)}.method-badge.PUT{background:rgba(245,158,11,.1);color:var(--warning)}.method-badge.DELETE{background:rgba(239,68,68,.1);color:var(--danger)}.copy-btn{padding:8px 16px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .2s;font-weight:500}.copy-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.endpoint-description{margin-bottom:20px;color:var(--text-secondary);font-size:15px;line-height:1.6}.endpoint-url{background:var(--bg-secondary);padding:15px;border-radius:8px;margin-bottom:25px;border:1px solid var(--border-color);overflow-wrap:break-word;word-wrap:break-word;word-break:break-all}.endpoint-url code{font-family:Monaco,Menlo,monospace;font-size:14px;color:var(--primary);word-break:break-all;white-space:pre-wrap;overflow-wrap:break-word}.endpoint-examples,.endpoint-params,.endpoint-response,.endpoint-tester{margin-top:25px}.endpoint-examples h4,.endpoint-params h4,.endpoint-response h4,.endpoint-tester h4{font-size:18px;font-weight:600;margin-bottom:15px}.params-table{overflow-x:auto}.params-table table{width:100%;border-collapse:collapse}.params-table td,.params-table th{text-align:left;padding:12px;border-bottom:1px solid var(--border-color)}.params-table th{font-weight:600;font-size:13px;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-secondary)}.type-badge{padding:3px 8px;background:var(--bg-secondary);border-radius:4px;font-size:12px;font-family:Monaco,Menlo,monospace}.required-badge{padding:3px 8px;background:rgba(239,68,68,.1);color:var(--danger);border-radius:4px;font-size:11px;font-weight:600}.optional-badge{padding:3px 8px;background:rgba(107,114,128,.1);color:var(--text-secondary);border-radius:4px;font-size:11px;font-weight:600}.test-form{background:var(--bg-secondary);padding:20px;border-radius:12px;border:1px solid var(--border-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.form-group .required{color:var(--danger)}.form-input{width:100%;padding:10px 15px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:border-color .2s}.form-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(79,70,229,.4)}.file-upload-section{margin-top:25px}.file-upload-section h4{font-size:18px;font-weight:600;margin-bottom:15px}.file-drop-zone{border:2px dashed var(--border-color);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s}.file-drop-zone.drag-over,.file-drop-zone:hover{border-color:var(--primary);background:rgba(79,70,229,.05)}.file-drop-zone i{font-size:48px;color:var(--primary);margin-bottom:15px;display:block}.file-drop-zone p{color:var(--text-secondary)}.file-preview{margin-top:15px}.file-info{display:flex;align-items:center;gap:12px;padding:15px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.file-info i{font-size:24px;color:var(--primary)}.file-size{margin-left:auto;color:var(--text-secondary);font-size:13px}.endpoint-response{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.endpoint-response pre{background:var(--dark);color:#a9dc76;padding:20px;border-radius:8px;overflow-x:auto;margin:0;word-break:break-all;white-space:pre-wrap;overflow-wrap:break-word}.endpoint-response pre code{font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6}.endpoint-response .image-response{background:var(--bg-primary);padding:20px;border-radius:8px;text-align:center;display:block!important}.endpoint-response .image-response img{max-width:100%!important;height:auto!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important;display:block!important;margin:0 auto 20px auto!important;opacity:1!important;visibility:visible!important}.endpoint-response .image-actions{display:flex!important;gap:10px;justify-content:center;flex-wrap:wrap}.endpoint-response .image-actions .btn{display:inline-flex!important;align-items:center;gap:8px}.error-text{color:var(--danger)!important}.loading-inline{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--text-secondary)}.loading-inline::before{content:'';width:16px;height:16px;margin-right:10px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.examples-tabs{display:flex;gap:8px;margin-bottom:0;border-bottom:2px solid var(--border-color)}.example-tab{padding:10px 20px;border:none;background:0 0;color:var(--text-secondary);border-radius:0;cursor:pointer;font-size:14px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.example-tab:hover{color:var(--primary)}.example-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.example-content{background:var(--dark);border-radius:0 0 12px 12px;padding:0;position:relative}.example-item{display:none;padding:20px}.example-item.active{display:block}.example-item pre{margin:0;color:#a9dc76;background:0 0;padding:0;word-break:break-all;white-space:pre-wrap;overflow-wrap:break-word}.example-item pre code{font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;word-break:break-all;white-space:pre-wrap}.example-item .copy-btn{position:absolute;top:15px;right:15px;z-index:10}.analytics-tabs{display:flex;gap:8px;margin-bottom:30px;border-bottom:2px solid var(--border-color)}.tab-btn{padding:12px 24px;border:none;background:0 0;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.table-container{overflow-x:auto;margin-top:20px}.data-table{width:100%;border-collapse:collapse;background:var(--bg-primary)}.data-table td,.data-table th{text-align:left;padding:12px 15px;border-bottom:1px solid var(--border-color)}.data-table th{font-weight:600;font-size:13px;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-secondary)}.data-table tr:hover{background:var(--bg-secondary)}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-200,.status-201{background:rgba(16,185,129,.1);color:var(--success)}.status-400,.status-401,.status-403{background:rgba(245,158,11,.1);color:var(--warning)}.status-404,.status-500{background:rgba(239,68,68,.1);color:var(--danger)}.endpoint-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border-color);transition:background .2s}.endpoint-item:hover{background:var(--bg-secondary)}.endpoint-item:last-child{border-bottom:none}.endpoint-info{display:flex;align-items:center;gap:12px}.endpoint-method{padding:4px 8px;background:rgba(16,185,129,.1);color:var(--success);border-radius:4px;font-size:11px;font-weight:600}.endpoint-path{font-family:Monaco,Menlo,monospace;font-size:13px}.endpoint-stats{display:flex;gap:15px;font-size:13px;color:var(--text-secondary)}.endpoint-count{font-weight:600}.endpoint-time{color:var(--primary)}.endpoint-sections{display:flex;flex-direction:column;gap:30px}.endpoint-section{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.endpoint-section h3{margin-bottom:20px;font-size:20px}.monthly-comparison{margin-top:30px}.comparison-card{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.comparison-card h3{margin-bottom:20px;font-size:18px}.comparison-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.comparison-item{text-align:center;padding:20px;background:var(--bg-secondary);border-radius:12px}.comparison-item span{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:8px}.comparison-item strong{font-size:28px;font-weight:700}.comparison-item .positive{color:var(--success)}.comparison-item .negative{color:var(--danger)}.countries-list,.errors-list{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.countries-list h3,.errors-list h3{margin-bottom:20px;font-size:20px}.documentation-content{background:var(--bg-primary);border-radius:16px;padding:30px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.doc-section h2{font-size:28px;margin-bottom:20px;margin-top:30px}.doc-section h2:first-child{margin-top:0}.doc-section h3{font-size:20px;margin-bottom:15px;margin-top:25px}.doc-section p{margin-bottom:15px;line-height:1.6;color:var(--text-secondary)}.doc-section ul{margin:15px 0;padding-left:25px}.doc-section li{margin-bottom:10px;line-height:1.6;color:var(--text-secondary)}.doc-section code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px;color:var(--primary)}.doc-section pre{background:var(--dark);color:#a9dc76;padding:20px;border-radius:12px;overflow-x:auto;margin:15px 0;word-break:break-all;white-space:pre-wrap;overflow-wrap:break-word}.doc-section pre code{background:0 0;padding:0;color:inherit}.doc-section strong{color:var(--text-primary);font-weight:600}.toast{position:fixed;bottom:30px;right:30px;background:var(--dark);color:#fff;padding:15px 24px;border-radius:12px;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:10000;font-size:14px;font-weight:500;min-width:200px;text-align:center}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background:linear-gradient(135deg,var(--success),#059669)}.toast-error{background:linear-gradient(135deg,var(--danger),#dc2626)}.toast-info{background:linear-gradient(135deg,var(--info),#2563eb)}.loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);font-size:16px}.loading::before{content:'';width:20px;height:20px;margin-right:10px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{padding:40px 20px;text-align:center;color:var(--danger);font-size:16px}.dashboard-footer{margin-top:60px;padding:30px 0;border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-left p{color:var(--text-secondary);font-size:14px}.footer-right{display:flex;gap:15px}.social-link{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:18px;text-decoration:none;transition:all .2s}.social-link:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.topbar{padding:0 15px}.topbar-left{flex:0 0 auto}.search-container{display:flex;flex:1;max-width:none;margin:0 10px}.search-input{font-size:14px;padding:8px 12px 8px 35px}.search-icon{left:10px;font-size:14px}.search-results{position:fixed;top:calc(var(--topbar-height) + 8px);left:10px;right:10px;max-height:calc(100vh - var(--topbar-height) - 20px);z-index:1003}.topbar-icon-btn{padding:6px;font-size:16px}.logo span{display:none}.user-name{display:none}.header-clock{display:none}.sidebar{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.main-content{margin-left:0;padding:20px 15px}.stats-grid{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.comparison-stats{grid-template-columns:1fr}.analytics-tabs{overflow-x:auto;flex-wrap:nowrap}.tab-btn{white-space:nowrap}.endpoint-header{flex-direction:column;align-items:flex-start;gap:15px}.endpoint-title{flex-direction:column;align-items:flex-start}.sidebar-menu{padding-bottom:200px}.endpoint-list{padding-left:40px;max-height:none}.endpoint-list-item{padding:10px 8px 10px 36px;font-size:12px}.endpoint-list-item::before{left:12px}.toast{bottom:20px;right:20px;left:20px}.footer-content{flex-direction:column;gap:20px;text-align:center}.dashboard-clock-container{margin-bottom:20px}.clock-card{padding:20px;max-width:100%}#dashboardClock{width:180px!important;height:180px!important}.clock-digital-time{font-size:20px}.clock-label{font-size:12px}.chart-container{min-height:300px;padding:16px}.chart-container canvas{max-height:250px!important}.chart-title{font-size:16px}.chart-filters{flex-wrap:wrap}}@media (max-width:480px){.page-header h1{font-size:24px}.stat-value{font-size:24px}.endpoint-title h3{font-size:18px}.chart-title{font-size:16px}.endpoint-url code{font-size:12px}.example-item pre code{font-size:12px}}[data-theme=dark] .endpoint-response pre,[data-theme=dark] .example-content{background:#0f172a}[data-theme=dark] .doc-section pre{background:#0f172a}[data-theme=dark] .toast{background:#1f2937;border:1px solid var(--border-color)}html{scroll-behavior:smooth}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}pre::-webkit-scrollbar{height:8px}pre::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}pre::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-contrast:high){.btn,.copy-btn,.menu-item{border:2px solid currentColor}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media print{.btn,.copy-btn,.notification-dropdown,.sidebar,.topbar{display:none!important}.main-content{margin-left:0;margin-top:0}.endpoint-card{page-break-inside:avoid}}@media (max-width:768px){#dashboardClock{width:180px!important;height:180px!important}.clock-card{max-width:100%!important;padding:20px!important}.clock-digital-time{font-size:20px!important}.chart-container{min-height:300px!important;padding:16px!important}.chart-container canvas{max-height:250px!important}}#dashboardClock{width:200px!important;height:200px!important}.clock-card{max-width:280px}.chart-container{min-height:400px}.chart-container canvas{max-height:350px!important;width:100%!important}@media (max-width:768px){.grid-2{grid-template-columns:1fr!important;gap:20px!important}.chart-container{width:100%!important;max-width:100%!important;min-height:300px!important}.chart-container canvas{width:100%!important;max-height:250px!important}#dashboardClock{width:180px!important;height:180px!important}.clock-card{width:100%!important;max-width:100%!important}.stats-grid{grid-template-columns:1fr!important}.stat-card{width:100%!important}}.dashboard-clock-container{margin-bottom:30px}.clock-card{max-width:100%!important;width:100%!important;padding:20px!important;display:flex;align-items:center;justify-content:center;gap:30px}#dashboardClock{width:150px!important;height:150px!important;flex-shrink:0}.clock-digital-time{font-size:18px!important;margin-top:0!important}@media (max-width:768px){.grid-2{display:block!important}.grid-2 .chart-container{width:100%!important;max-width:100%!important;margin-bottom:20px!important}.charts-row .chart-container{width:100%!important;max-width:100%!important}.clock-card{flex-direction:column!important;gap:15px!important}#dashboardClock{width:180px!important;height:180px!important}.clock-digital-time{margin-top:15px!important;font-size:20px!important}}.endpoint-item{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:15px!important;gap:10px!important;flex-wrap:wrap!important}.endpoint-info{display:flex!important;align-items:center!important;gap:12px!important;flex:1 1 auto!important;min-width:0!important}.endpoint-path{font-family:Monaco,Menlo,monospace!important;font-size:13px!important;word-break:break-all!important;overflow-wrap:break-word!important}.endpoint-stats{display:flex!important;gap:15px!important;font-size:13px!important;flex-shrink:0!important;white-space:nowrap!important}@media (max-width:768px){.endpoint-item{flex-direction:column!important;align-items:flex-start!important}.endpoint-stats{width:100%!important;justify-content:space-between!important;margin-top:10px!important}.endpoint-path{font-size:12px!important}}.image-actions{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--text-secondary);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.image-actions{flex-direction:column}.image-actions button{width:100%}}