.admin-access[data-astro-cid-xr7umujq]{position:relative}.admin-login-btn[data-astro-cid-xr7umujq]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff9;cursor:pointer;transition:all .2s ease}.admin-login-btn[data-astro-cid-xr7umujq]:hover{background:#6366f126;border-color:#6366f14d;color:#818cf8}.admin-login-btn[data-astro-cid-xr7umujq] svg[data-astro-cid-xr7umujq]{width:18px;height:18px}.user-menu[data-astro-cid-xr7umujq]{position:relative}.user-avatar-btn[data-astro-cid-xr7umujq]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.user-avatar-btn[data-astro-cid-xr7umujq]:hover{transform:scale(1.05);box-shadow:0 0 12px #6366f166}.user-dropdown[data-astro-cid-xr7umujq]{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px #0006;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:1000}.user-menu[data-astro-cid-xr7umujq].open .user-dropdown[data-astro-cid-xr7umujq]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header[data-astro-cid-xr7umujq]{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-name[data-astro-cid-xr7umujq]{display:block;font-weight:600;color:#fff;font-size:14px}.dropdown-role[data-astro-cid-xr7umujq]{display:block;font-size:12px;color:#ffffff80;margin-top:2px}.dropdown-divider[data-astro-cid-xr7umujq]{margin:0;border:none;border-top:1px solid rgba(255,255,255,.1)}.dropdown-item[data-astro-cid-xr7umujq]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:#fffc;font-size:13px;cursor:pointer;transition:background .15s ease}.dropdown-item[data-astro-cid-xr7umujq]:hover{background:#ffffff0d}.dropdown-item[data-astro-cid-xr7umujq]:first-of-type{border-radius:0}.dropdown-item[data-astro-cid-xr7umujq]:last-child{border-radius:0 0 12px 12px}.dropdown-item[data-astro-cid-xr7umujq] svg[data-astro-cid-xr7umujq]{width:16px;height:16px;flex-shrink:0}.dropdown-item[data-astro-cid-xr7umujq].logout{color:#ef4444}.edit-indicator[data-astro-cid-xr7umujq]{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#fff3;transition:background .2s ease}.edit-indicator[data-astro-cid-xr7umujq].active{background:#10b981;box-shadow:0 0 8px #10b981}.login-modal[data-astro-cid-xr7umujq]{position:fixed;inset:0;width:100vw;height:100vh;z-index:99999;display:none;align-items:center;justify-content:center}.login-modal[data-astro-cid-xr7umujq].open{display:flex}.login-backdrop[data-astro-cid-xr7umujq]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.login-content[data-astro-cid-xr7umujq]{position:relative;z-index:2;width:100%;max-width:380px;margin:auto;padding:2rem;background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 25px 50px #00000080}.login-modal[data-astro-cid-xr7umujq].open .login-content[data-astro-cid-xr7umujq]{animation:modalIn .3s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-close[data-astro-cid-xr7umujq]{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;transition:all .2s ease}.login-close[data-astro-cid-xr7umujq]:hover{background:#ffffff26;color:#fff}.login-close[data-astro-cid-xr7umujq] svg[data-astro-cid-xr7umujq]{width:16px;height:16px}.login-header[data-astro-cid-xr7umujq]{text-align:center;margin-bottom:1.5rem}.login-logo[data-astro-cid-xr7umujq]{width:56px;height:56px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;font-size:1.25rem;font-weight:700;color:#fff}.login-header[data-astro-cid-xr7umujq] h2[data-astro-cid-xr7umujq]{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.login-subtitle[data-astro-cid-xr7umujq]{margin:.5rem 0 0;font-size:.875rem;color:#ffffff80}.login-form[data-astro-cid-xr7umujq]{display:flex;flex-direction:column;gap:1rem}.form-group[data-astro-cid-xr7umujq]{display:flex;flex-direction:column;gap:6px}.form-group[data-astro-cid-xr7umujq] label[data-astro-cid-xr7umujq]{font-size:.8rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.form-group[data-astro-cid-xr7umujq] input[data-astro-cid-xr7umujq]{padding:12px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease}.form-group[data-astro-cid-xr7umujq] input[data-astro-cid-xr7umujq]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.form-group[data-astro-cid-xr7umujq] input[data-astro-cid-xr7umujq]::placeholder{color:#ffffff4d}.form-error[data-astro-cid-xr7umujq]{min-height:20px;font-size:.85rem;color:#ef4444}.login-submit[data-astro-cid-xr7umujq]{position:relative;padding:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.login-submit[data-astro-cid-xr7umujq]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.login-submit[data-astro-cid-xr7umujq]:disabled{opacity:.7;cursor:not-allowed}.login-submit[data-astro-cid-xr7umujq] .btn-loading[data-astro-cid-xr7umujq]{display:none}.login-submit[data-astro-cid-xr7umujq].loading .btn-text[data-astro-cid-xr7umujq]{opacity:0}.login-submit[data-astro-cid-xr7umujq].loading .btn-loading[data-astro-cid-xr7umujq]{display:flex;position:absolute;inset:0;align-items:center;justify-content:center}.spinner[data-astro-cid-xr7umujq]{width:20px;height:20px;animation:spin 1s linear infinite}.spinner[data-astro-cid-xr7umujq] circle[data-astro-cid-xr7umujq]{stroke-dasharray:60;stroke-dashoffset:45}@keyframes spin{to{transform:rotate(360deg)}}.social-links[data-astro-cid-zamss57n]{display:flex;gap:.5rem;align-items:center}.admin-only{display:none!important;visibility:hidden}body.is-authenticated .admin-only{display:inline-flex!important;visibility:visible}body.is-authenticated .admin-only.admin-block{display:block!important}.admin-toggle{display:none;position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--ui-accent) 0%,#8b5cf6 100%);border:none;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 20px #6366f166;transition:all .3s ease;z-index:1000}.admin-toggle:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 30px #6366f199}.admin-toggle svg{width:24px;height:24px;color:#fff}.admin-sidebar{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:var(--ui-bg-secondary);border-left:1px solid var(--glass-border);z-index:1001;transition:right .3s ease;display:flex;flex-direction:column}.admin-sidebar.open{right:0}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--glass-border)}.admin-header h2{font-size:18px;font-weight:600;color:var(--ui-text-primary);margin:0}.close-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.15);font-size:20px;color:var(--ui-text-secondary);cursor:pointer;width:36px;height:36px;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.admin-nav{padding:16px;display:flex;flex-direction:column;gap:8px}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--ui-bg-tertiary);border:1px solid var(--glass-border);border-radius:10px;color:var(--ui-text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.admin-nav-item:hover{border-color:var(--ui-accent);color:var(--ui-text-primary);background:#6366f11a}.nav-icon{font-size:18px}.admin-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(8px);z-index:1002;align-items:center;justify-content:center;padding:20px}.admin-modal.open{display:flex;animation:modalFadeIn .3s ease}.admin-modal-content{background:linear-gradient(145deg,var(--ui-bg-secondary) 0%,rgba(26,26,40,.98) 100%);border:1px solid rgba(99,102,241,.2);border-radius:20px;width:100%;max-width:520px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #6366f11a,inset 0 1px #ffffff0d;animation:modalSlideIn .3s ease}.admin-modal-md{max-width:650px}.admin-modal-lg{max-width:850px}.btn-sm{padding:8px 14px;font-size:13px}.detail-container{padding:8px 0}.detail-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(99,102,241,.15)}.detail-icon{width:72px;height:72px;min-width:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:16px;font-size:32px}.detail-icon.tech-icon{background:#141423e6;padding:12px}.detail-icon.tech-icon svg{width:42px;height:42px}.detail-title-section{flex:1}.detail-title{font-size:22px;font-weight:700;color:var(--ui-text-primary);margin:0 0 8px}.detail-subtitle{font-size:15px;color:var(--ui-text-secondary);margin:0}.detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.detail-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid rgba(99,102,241,.25);border-radius:8px;font-size:12px;font-weight:600;color:var(--ui-accent)}.detail-badge.beginner{background:#10b98126;border-color:#10b9814d;color:#10b981}.detail-badge.intermediate{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.detail-badge.advanced{background:#8b5cf626;border-color:#8b5cf64d;color:#8b5cf6}.detail-badge.expert,.detail-badge.featured{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b}.detail-badge.current{background:#10b98126;border-color:#10b9814d;color:#10b981}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(99,102,241,.1)}.detail-section-title svg{width:14px;height:14px;opacity:.7}.detail-text{font-size:15px;color:var(--ui-text-primary);line-height:1.7;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{background:#0f0f1980;border:1px solid rgba(99,102,241,.1);border-radius:10px;padding:14px 16px}.detail-item-label{font-size:11px;font-weight:600;color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.detail-item-value{font-size:15px;font-weight:500;color:var(--ui-text-primary)}.detail-item-value a{color:var(--ui-accent);text-decoration:none;transition:opacity .2s}.detail-item-value a:hover{opacity:.8;text-decoration:underline}.detail-progress{margin-top:8px}.detail-progress-bar{height:10px;background:#6366f126;border-radius:5px;overflow:hidden;margin-bottom:8px}.detail-progress-fill{height:100%;background:linear-gradient(90deg,var(--ui-accent) 0%,#8b5cf6 50%,#ec4899 100%);border-radius:5px;transition:width .5s ease}.detail-progress-text{display:flex;justify-content:space-between;font-size:12px;color:var(--ui-text-secondary)}.detail-tech-list{display:flex;flex-wrap:wrap;gap:8px}.detail-tech-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#141423cc;border:1px solid rgba(99,102,241,.2);border-radius:8px;font-size:13px;font-weight:500;color:var(--ui-text-primary);transition:all .2s}.detail-tech-tag:hover{border-color:var(--ui-accent);background:#6366f11a}.detail-tech-tag svg{width:16px;height:16px}.detail-links{display:flex;gap:12px;flex-wrap:wrap}.detail-link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid rgba(99,102,241,.25);border-radius:10px;font-size:14px;font-weight:500;color:var(--ui-text-primary);text-decoration:none;transition:all .2s}.detail-link:hover{background:#6366f14d;border-color:var(--ui-accent);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.detail-link svg{width:16px;height:16px}.detail-achievements{display:flex;flex-direction:column;gap:10px}.detail-achievement{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.15);border-radius:8px;font-size:14px;color:var(--ui-text-primary);line-height:1.5}.detail-achievement-icon{color:#10b981;font-size:14px;margin-top:2px}.detail-rating{display:flex;align-items:center;gap:6px;font-size:20px}.detail-rating .star-filled{color:#f59e0b}.detail-rating .star-empty{color:#f59e0b4d}.detail-quote{position:relative;padding:20px 24px;background:#0f0f1999;border-left:3px solid var(--ui-accent);border-radius:0 10px 10px 0;font-size:15px;font-style:italic;color:var(--ui-text-primary);line-height:1.8}.detail-quote:before{content:'"';position:absolute;top:10px;left:12px;font-size:40px;color:var(--ui-accent);opacity:.3;font-family:serif;line-height:1}.detail-image-banner{position:relative;width:calc(100% + 56px);margin:-28px -28px 24px;height:180px;overflow:hidden;border-radius:20px 20px 0 0}.detail-image-banner img{width:100%;height:100%;object-fit:cover}.detail-image-overlay{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,var(--ui-bg-secondary))}.detail-header.with-image{margin-top:-40px;position:relative;z-index:1}.detail-icon.project-detail-icon{background:linear-gradient(135deg,var(--ui-accent) 0%,#8b5cf6 100%);border:3px solid var(--ui-bg-secondary);box-shadow:0 4px 20px #6366f14d}.detail-icon.project-detail-icon svg{color:#fff}.detail-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.detail-stat-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#0f0f1980;border:1px solid rgba(99,102,241,.1);border-radius:12px;transition:all .2s ease}.detail-stat-card:hover{border-color:#6366f140;background:#6366f10d}.detail-stat-card.featured{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:#f59e0b33}.detail-stat-card.featured .stat-icon{color:#f59e0b}.detail-stat-card.highlight{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f140}.detail-stat-card.highlight .stat-value{color:var(--ui-accent)}.stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:8px;color:var(--ui-accent);flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-value{font-size:14px;font-weight:600;color:var(--ui-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:11px;color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.3px}.detail-badge.links{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f64d;color:#3b82f6}.detail-badge.duration{background:linear-gradient(135deg,#6366f133,#8b5cf61a);border-color:#6366f14d;color:var(--ui-accent)}.detail-badge.pulse-badge{display:inline-flex;align-items:center;gap:6px}.detail-link.github{background:linear-gradient(135deg,#24292ee6,#24292eb3);border-color:#ffffff1a}.detail-link.github:hover{background:linear-gradient(135deg,#2d3237,#282d32e6);border-color:#fff3;box-shadow:0 4px 20px #0000004d}.detail-link.live{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#10b9814d}.detail-link.live:hover{background:#10b9814d;border-color:#10b981;box-shadow:0 4px 20px #10b98140}.detail-link .link-content{display:flex;flex-direction:column;gap:2px}.detail-link .link-title{font-weight:600;font-size:14px}.detail-link .link-subtitle{font-size:11px;opacity:.7}.detail-header.experience-header{border-left:4px solid var(--ui-accent);padding-left:20px;margin-left:-8px}.detail-icon.experience-icon{background:linear-gradient(135deg,#6366f133,#8b5cf626)}.detail-icon.experience-icon.current{background:linear-gradient(135deg,#10b981,#10b981b3);border-color:#10b98180;box-shadow:0 4px 20px #10b9814d}.detail-icon.experience-icon.current svg{color:#fff}.detail-company-info{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;margin-bottom:12px}.company-badge,.location-badge{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ui-text-secondary)}.company-badge svg,.location-badge svg{opacity:.7}.company-badge{font-weight:500}.location-badge{font-size:13px;color:var(--ui-text-muted)}.detail-achievement-number{width:22px;height:22px;min-width:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid rgba(16,185,129,.3);border-radius:50%;font-size:11px;font-weight:700;color:#10b981}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(99,102,241,.15);background:linear-gradient(180deg,rgba(99,102,241,.08) 0%,transparent 100%)}.admin-modal-header h3{margin:0;font-size:20px;font-weight:700;color:var(--ui-text-primary);letter-spacing:-.02em}.admin-modal-body{padding:28px;overflow-y:auto;flex:1}.admin-modal-body::-webkit-scrollbar{width:6px}.admin-modal-body::-webkit-scrollbar-track{background:transparent}.admin-modal-body::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.admin-modal-body::-webkit-scrollbar-thumb:hover{background:#6366f180}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--ui-text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 16px;background:#0f0f1999;border:1px solid rgba(99,102,241,.15);border-radius:12px;color:var(--ui-text-primary);font-size:15px;font-family:inherit;transition:all .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--ui-text-muted)}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#6366f14d}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--ui-accent);box-shadow:0 0 0 3px #6366f126;background:#0f0f19cc}.form-group textarea{min-height:120px;resize:vertical;line-height:1.6}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b8b9e' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-checkbox{display:flex;align-items:center;gap:12px;padding:16px;background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.form-checkbox:hover{background:#6366f11a;border-color:#6366f133}.form-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--ui-accent);cursor:pointer}.form-checkbox label{margin:0;cursor:pointer;font-weight:500;color:var(--ui-text-primary);text-transform:none;letter-spacing:normal;font-size:14px}.form-hint{display:block;margin-top:8px;font-size:12px;color:var(--ui-text-muted);font-style:italic}.featured-checkbox{background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border-color:#f59e0b33}.featured-checkbox:hover{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f);border-color:#f59e0b4d}.current-job-checkbox{background:linear-gradient(135deg,#10b98114,#10b98108);border-color:#10b98133}.current-job-checkbox:hover{background:linear-gradient(135deg,#10b9811f,#10b9810f);border-color:#10b9814d}.no-expiration-checkbox{background:linear-gradient(135deg,#8b5cf614,#8b5cf608);border-color:#8b5cf633}.no-expiration-checkbox:hover{background:linear-gradient(135deg,#8b5cf61f,#8b5cf60f);border-color:#8b5cf64d}.rating-selector{display:flex;flex-direction:column;gap:8px}.rating-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0f0f1966;border:1px solid rgba(99,102,241,.1);border-radius:10px;cursor:pointer;transition:all .2s ease}.rating-option:hover{background:#f59e0b14;border-color:#f59e0b33}.rating-option input[type=radio]{width:18px;height:18px;accent-color:#f59e0b;cursor:pointer}.rating-option input[type=radio]:checked+.rating-stars{color:#f59e0b}.rating-stars{font-size:16px;letter-spacing:2px;color:var(--ui-text-muted);transition:color .2s ease}.checkbox-icon{margin-right:8px}.btn-primary{background:linear-gradient(135deg,var(--ui-accent) 0%,#8b5cf6 100%);color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#6366f11a;color:var(--ui-text-primary);border:1px solid rgba(99,102,241,.2);padding:14px 28px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#6366f126;border-color:#6366f166}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #ef44444d}.form-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(99,102,241,.1)}.item-list{display:flex;flex-direction:column;gap:16px}.item-card{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#0f0f19b3,#1a1a2880);border:1px solid rgba(99,102,241,.12);border-left:3px solid transparent;border-radius:14px;transition:all .25s ease;position:relative;cursor:pointer}.item-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.03) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:12px}.item-card:hover{border-color:#6366f140;border-left-color:var(--ui-accent);background:linear-gradient(135deg,#6366f10f,#8b5cf60a);transform:translate(6px);box-shadow:0 8px 24px #00000040,-3px 0 12px #6366f126}.item-card:hover:before{opacity:1}.item-main{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.item-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:14px;flex-shrink:0;font-size:24px;transition:all .3s ease;color:var(--ui-text-secondary)}.item-icon svg{width:28px;height:28px}.item-icon.tech-icon{background:linear-gradient(135deg,#1e1e2de6,#141423cc);border-color:#6366f140;padding:10px}.item-icon.tech-icon svg{width:30px;height:30px;background:linear-gradient(135deg,#6366f140,#8b5cf626);border-color:#6366f166;transform:scale(1.05)}.item-card:hover .item-icon.tech-icon{background:linear-gradient(135deg,#28283cf2,#1e1e32e6)}.item-info{flex:1;min-width:0}.item-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.item-title{font-weight:600;font-size:17px;color:var(--ui-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-subtitle{font-size:15px;color:var(--ui-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-stats{display:flex;align-items:center;gap:16px;margin-top:10px}.item-stat{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ui-text-muted)}.item-stat-icon{font-size:14px;opacity:.8}.item-progress-wrapper{display:flex;align-items:center;gap:12px}.item-progress-bar{width:100px;height:8px;background:#6366f126;border-radius:4px}.item-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--ui-accent),#8b5cf6);transition:width .5s ease;position:relative}.item-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:3px 3px 0 0}.item-progress-text{font-size:14px;font-weight:600;color:var(--ui-text-secondary);min-width:36px}.item-actions{display:flex;gap:8px;margin-left:16px;opacity:1;transition:all .25s ease;position:relative;z-index:10}.item-card:hover .item-actions{opacity:1}.btn-icon{width:40px;height:40px;padding:0;background:#6366f126;border:1px solid rgba(99,102,241,.2);border-radius:10px;cursor:pointer;color:var(--ui-text-secondary);transition:all .2s ease;font-size:16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:15}.btn-icon:hover{background:#6366f14d;border-color:var(--ui-accent);color:var(--ui-accent);transform:scale(1.1);box-shadow:0 4px 12px #6366f14d}.btn-icon:active{transform:scale(.95)}.btn-icon.delete:hover{background:#ef444433;border-color:#ef4444;color:#ef4444;box-shadow:0 4px 12px #ef44444d}.btn-icon.view-btn{background:#10b9811a;border-color:#10b98133}.btn-icon.view-btn:hover{background:#10b98140;border-color:#10b981;color:#10b981;box-shadow:0 4px 12px #10b9814d}.empty-state{text-align:center;padding:60px 30px;color:var(--ui-text-muted)}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state p{margin-bottom:20px;font-size:15px}.item-meta{display:flex;flex-direction:column;gap:6px}.item-extra{display:flex;align-items:center;gap:12px;margin-top:4px}.item-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid rgba(99,102,241,.25);border-radius:6px;font-size:11px;font-weight:600;color:var(--ui-accent);text-transform:capitalize}.item-badge.beginner{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#10b9814d;color:#10b981}.item-badge.intermediate{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f64d;color:#3b82f6}.item-badge.advanced{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border-color:#8b5cf64d;color:#8b5cf6}.item-badge.expert,.item-badge.featured{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-color:#f59e0b4d;color:#f59e0b}.item-badge.current{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#10b9814d;color:#10b981}.item-badge.links{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f64d;color:#3b82f6;padding:4px 6px}.item-badges-row{display:flex;gap:6px;align-items:center}.item-thumb{width:64px;height:48px;min-width:64px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid rgba(99,102,241,.15);flex-shrink:0}.item-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.item-card:hover .item-thumb img{transform:scale(1.1)}.item-subtitle{font-size:12px;color:var(--ui-text-muted);line-height:1.5;margin:4px 0 8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.item-badges-inline{display:flex;gap:4px;align-items:center;margin-left:8px}.item-stat.techs{color:var(--ui-text-muted);font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-experience-card{flex-direction:row;align-items:stretch;padding-left:0}.item-timeline-indicator{width:4px;min-width:4px;background:linear-gradient(180deg,#6366f166,#8b5cf633);border-radius:4px;margin-right:16px;position:relative;transition:all .3s ease}.item-timeline-indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#6366f199;border-radius:50%;border:2px solid var(--ui-bg-secondary);transition:all .3s ease}.item-timeline-indicator.current{background:linear-gradient(180deg,#10b981,#10b9814d)}.item-timeline-indicator.current:before{background:#10b981;box-shadow:0 0 12px #10b98180}.item-card:hover .item-timeline-indicator{background:linear-gradient(180deg,var(--ui-accent) 0%,rgba(139,92,246,.4) 100%)}.item-card:hover .item-timeline-indicator:before{background:var(--ui-accent);box-shadow:0 0 12px #6366f180}.item-card:hover .item-timeline-indicator.current{background:linear-gradient(180deg,#10b981,#10b98180)}.item-card:hover .item-timeline-indicator.current:before{box-shadow:0 0 16px #10b981b3}.item-badge.current.pulse{position:relative;overflow:hidden}.pulse-dot{width:6px;height:6px;background:#10b981;border-radius:50%;display:inline-block;animation:pulse-animation 2s ease-in-out infinite}@keyframes pulse-animation{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.item-company-row{display:flex;align-items:center;gap:14px;margin:6px 0;flex-wrap:wrap}.company-name{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--ui-text-secondary)}.company-name svg{opacity:.7}.company-location{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ui-text-muted)}.item-period-row{display:flex;align-items:center;gap:12px;margin-top:8px}.period-dates{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ui-text-muted);padding:3px 8px;background:#6366f114;border-radius:4px}.period-duration{font-size:11px;font-weight:600;color:var(--ui-accent);padding:3px 8px;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:4px}.item-category{font-size:12px;color:var(--ui-text-muted)}.item-progress{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ui-text-muted)}.item-progress .progress-bar{width:60px;height:4px;background:#6366f133;border-radius:2px;position:relative;overflow:hidden}.item-progress .progress-bar:after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--width, 0%);background:linear-gradient(90deg,var(--ui-accent),#8b5cf6);border-radius:2px}.item-rating{color:#f59e0b;font-size:13px;letter-spacing:1px}.tags-container{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:var(--ui-bg-tertiary);border:1px solid var(--glass-border);border-radius:8px;min-height:44px}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--ui-accent);color:#fff;border-radius:4px;font-size:12px}.tag button{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-size:14px;opacity:.8}.tag button:hover{opacity:1}.tags-input{flex:1;min-width:100px;background:none;border:none;color:var(--ui-text-primary);font-size:14px;outline:none}.form-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(99,102,241,.08)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ui-text-primary);margin-bottom:20px}.section-icon{font-size:16px}.tech-selector-wrapper,.tech-selector-input-wrapper{position:relative}.tech-selector-preview{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--ui-bg-tertiary);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;transition:all .2s ease;min-height:52px;user-select:none}.tech-selector-preview:hover{border-color:#6366f166;background:#6366f10d}.tech-selector-preview:active{transform:scale(.99)}.tech-preview-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#141423cc;border-radius:8px;padding:4px}.tech-preview-icon svg{width:22px;height:22px}.tech-preview-name{font-weight:600;color:var(--ui-text-primary);font-size:15px}.tech-preview-placeholder{color:var(--ui-text-muted)}.tech-selector-input{display:none;width:100%;background:var(--ui-bg-tertiary);border:1px solid var(--ui-accent);border-radius:10px;padding:14px 16px;color:var(--ui-text-primary);font-size:15px;outline:none;box-shadow:0 0 0 3px #6366f126}.tech-selector-wrapper.active .tech-selector-input{display:block}.tech-selector-wrapper.active .tech-selector-preview{display:none}.tech-selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:linear-gradient(145deg,var(--ui-bg-secondary) 0%,rgba(26,26,40,.98) 100%);border:1px solid rgba(99,102,241,.25);border-radius:12px;box-shadow:0 12px 32px #0006;z-index:100;display:none;overflow:hidden}.tech-selector-wrapper.active .tech-selector-dropdown{display:block;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tech-dropdown-list{max-height:280px;overflow-y:auto;padding:8px}.tech-dropdown-list::-webkit-scrollbar{width:6px}.tech-dropdown-list::-webkit-scrollbar-track{background:transparent}.tech-dropdown-list::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.tech-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease}.tech-dropdown-item:hover{background:#6366f126}.tech-dropdown-item.selected{background:#6366f133;border:1px solid rgba(99,102,241,.3)}.tech-dropdown-item.hidden{display:none}.tech-item-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#141423cc;border-radius:6px;padding:4px;flex-shrink:0}.tech-item-icon svg{width:18px;height:18px}.tech-item-name{color:var(--ui-text-primary);font-size:14px;font-weight:500}.tech-dropdown-empty{padding:20px;text-align:center;color:var(--ui-text-muted);font-size:13px}.range-wrapper{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#0f0f1999;border:1px solid rgba(99,102,241,.15);border-radius:12px}.range-input{flex:1;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--ui-accent) 0%,var(--ui-accent) var(--value, 80%),rgba(99,102,241,.2) var(--value, 80%),rgba(99,102,241,.2) 100%);border-radius:4px;outline:none;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:linear-gradient(135deg,var(--ui-accent) 0%,#8b5cf6 100%);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #6366f166;transition:transform .2s ease}.range-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.range-input::-moz-range-thumb{width:22px;height:22px;background:linear-gradient(135deg,var(--ui-accent) 0%,#8b5cf6 100%);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #6366f166}.range-value{font-size:18px;font-weight:700;color:var(--ui-accent);min-width:50px;text-align:right}.range-labels{display:flex;justify-content:space-between;margin-top:8px;padding:0 4px;font-size:11px;color:var(--ui-text-muted)}.level-select{border-left:3px solid var(--level-color, var(--ui-accent))!important}.date-input-wrapper{position:relative}.date-input-wrapper input[type=text]{cursor:pointer;padding-right:44px}.date-input-wrapper .calendar-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ui-text-muted);pointer-events:none;width:18px;height:18px}.custom-datepicker{position:fixed;z-index:9999;background:linear-gradient(145deg,var(--ui-bg-secondary) 0%,rgba(26,26,40,.98) 100%);border:1px solid rgba(99,102,241,.25);border-radius:16px;padding:16px;box-shadow:0 20px 40px #0006;min-width:280px;display:none;animation:datepickerFadeIn .2s ease}.custom-datepicker.open{display:block}@keyframes datepickerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.datepicker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(99,102,241,.1)}.datepicker-nav{display:flex;gap:8px}.datepicker-nav-btn{width:32px;height:32px;border:none;background:#6366f11a;border-radius:8px;cursor:pointer;color:var(--ui-text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.datepicker-nav-btn:hover{background:#6366f133;color:var(--ui-accent)}.datepicker-title{font-weight:600;font-size:15px;color:var(--ui-text-primary)}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.datepicker-weekday{text-align:center;font-size:11px;font-weight:600;color:var(--ui-text-muted);text-transform:uppercase;padding:8px 0}.datepicker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.datepicker-day{width:36px;height:36px;border:none;background:transparent;border-radius:10px;cursor:pointer;font-size:13px;color:var(--ui-text-secondary);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.datepicker-day:hover:not(.disabled):not(.selected){background:#6366f126;color:var(--ui-text-primary)}.datepicker-day.today{border:1px solid var(--ui-accent);color:var(--ui-accent)}.datepicker-day.selected{background:linear-gradient(135deg,var(--ui-accent) 0%,#8b5cf6 100%);color:#fff;font-weight:600}.datepicker-day.other-month{color:var(--ui-text-muted);opacity:.4}.datepicker-day.disabled{opacity:.2;cursor:not-allowed}.datepicker-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(99,102,241,.1)}.datepicker-today-btn{font-size:12px;color:var(--ui-accent);background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s ease}.datepicker-today-btn:hover{background:#6366f11a}.datepicker-clear-btn{font-size:12px;color:var(--ui-text-muted);background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s ease}.datepicker-clear-btn:hover{background:#ef44441a;color:#ef4444}.toast{position:fixed;bottom:100px;right:24px;padding:16px 24px;background:linear-gradient(135deg,var(--ui-bg-secondary) 0%,rgba(26,26,40,.98) 100%);border:1px solid rgba(99,102,241,.2);border-radius:14px;color:var(--ui-text-primary);font-size:14px;font-weight:500;z-index:1003;transform:translate(400px);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 30px #0000004d;display:flex;align-items:center;gap:12px}.toast:before{content:"✓";display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;font-size:12px}.toast.show{transform:translate(0)}.toast.success{border-color:#10b9814d}.toast.success:before{content:"✓";background:linear-gradient(135deg,#10b981,#059669)}.toast.error{border-color:#ef44444d}.toast.error:before{content:"✕";background:linear-gradient(135deg,#ef4444,#dc2626)}@media(max-width:768px){.admin-toggle{bottom:16px;right:16px;width:48px;height:48px}.admin-toggle svg{width:20px;height:20px}.admin-sidebar{width:100%;right:-100%;max-width:100vw}.admin-sidebar.open{right:0}.admin-header{padding:16px}.admin-header h2{font-size:16px}.admin-nav{padding:12px;gap:6px}.admin-nav-item{padding:12px 14px;font-size:13px}.nav-icon svg{width:16px;height:16px}.admin-modal{padding:12px;align-items:flex-end}.admin-modal-content{max-width:100%;max-height:90vh;border-radius:16px 16px 0 0;margin:0}.admin-modal-md,.admin-modal-lg{max-width:100%}.admin-modal-header{padding:16px}.admin-modal-header h3{font-size:16px}.modal-header-actions{gap:8px}.modal-header-actions .btn-primary{padding:8px 12px;font-size:12px}.close-btn{width:32px;height:32px;font-size:18px}.admin-modal-body{padding:16px}.form-group{margin-bottom:14px}.form-group label{font-size:12px;margin-bottom:6px}.form-input,.form-textarea,.form-select{padding:10px 12px;font-size:14px}.form-textarea{min-height:80px}.form-row{flex-direction:column;gap:14px}.form-actions{flex-direction:column;gap:10px;padding-top:16px}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%;justify-content:center}.item-card{padding:12px;flex-direction:column;align-items:flex-start;gap:12px}.item-icon{width:40px;height:40px;font-size:18px}.item-info h4{font-size:14px}.item-info p{font-size:12px}.item-actions{width:100%;justify-content:flex-end;gap:8px}.item-actions button{flex:1;justify-content:center}.detail-container{padding:4px 0}.detail-header{flex-direction:column;align-items:center;text-align:center;gap:16px}.detail-icon{width:60px;height:60px;min-width:60px;font-size:28px}.detail-title{font-size:18px}.detail-subtitle{font-size:13px}.detail-badges{justify-content:center}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item{padding:12px 14px}.detail-stats-row{grid-template-columns:1fr;gap:10px}.detail-links{flex-direction:column}.detail-link{width:100%;justify-content:center}.detail-section{margin-bottom:20px}.detail-text{font-size:14px}.detail-tech-list{justify-content:center}.detail-image-banner{height:140px;width:calc(100% + 32px);margin:-16px -16px 20px;border-radius:16px 16px 0 0}.toast{bottom:80px;right:12px;left:12px;padding:14px 18px;font-size:13px}}@media(max-width:480px){.admin-header h2{font-size:14px}.admin-nav-item{padding:10px 12px;font-size:12px}.admin-modal-header h3{font-size:14px}.form-input,.form-textarea,.form-select{font-size:16px}.item-card{padding:10px}.item-icon{width:36px;height:36px;font-size:16px}.detail-icon{width:50px;height:50px;min-width:50px;font-size:24px}.detail-title{font-size:16px}.detail-badge{padding:4px 10px;font-size:11px}.detail-stat-card{padding:10px 12px}.stat-icon{width:30px;height:30px}.stat-value{font-size:13px}.stat-label{font-size:10px}}button.skill-tag{cursor:pointer;border:none;font-family:inherit;transition:all .25s ease}button.skill-tag:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #6366f14d}button.skill-tag:active{transform:scale(.98)}.skill-detail-modal{display:none;position:fixed;inset:0;z-index:10000;background:#000000b3;backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .3s ease}.skill-detail-modal.open{display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.skill-detail-content{position:relative;background:linear-gradient(145deg,var(--ui-bg-secondary, #1a1a28) 0%,rgba(26,26,40,.98) 100%);border:1px solid rgba(99,102,241,.25);border-radius:20px;max-width:500px;width:100%;padding:32px;box-shadow:0 25px 50px #00000080;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.skill-detail-close,.detail-modal-close{width:36px;height:36px;border-radius:10px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--ui-text-secondary, #9ca3af);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.skill-detail-close:hover,.detail-modal-close:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.skill-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(99,102,241,.15)}.modal-header-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:20px}.modal-header-title{font-size:16px;font-weight:600;color:var(--ui-text-primary, #f3f4f6);margin-right:auto}.modal-header-actions{display:flex;align-items:center;gap:12px}.modal-edit-header-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--ui-accent, #6366f1);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-edit-header-btn:hover{background:#4f46e5;transform:translateY(-1px)}.modal-edit-header-btn svg{width:14px;height:14px}.skill-detail-icon{width:80px;height:80px;min-width:80px;display:flex;align-items:center;justify-content:center;background:#141423e6;border:1px solid rgba(99,102,241,.2);border-radius:18px;padding:14px}.skill-detail-icon svg{width:48px;height:48px}.skill-detail-icon-emoji{font-size:40px}.skill-detail-title-section{flex:1}.skill-detail-title{font-size:26px;font-weight:700;color:var(--ui-text-primary, #f3f4f6);margin:0 0 8px}.skill-detail-category{font-size:14px;color:var(--ui-text-secondary, #9ca3af);margin:0}.skill-detail-badges{display:flex;gap:8px;margin-top:12px}.skill-detail-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.skill-detail-badge.beginner{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981}.skill-detail-badge.intermediate{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.skill-detail-badge.advanced{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#8b5cf6}.skill-detail-badge.expert{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.skill-detail-section{margin-bottom:24px}.skill-detail-section:last-child{margin-bottom:0}.skill-detail-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ui-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.skill-detail-progress{margin-top:8px}.skill-detail-progress-bar{height:12px;background:#6366f126;border-radius:6px;overflow:hidden;margin-bottom:10px}.skill-detail-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);border-radius:6px;transition:width .8s ease}.skill-detail-progress-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--ui-text-secondary, #9ca3af)}.skill-detail-progress-value{font-weight:700;color:#8b5cf6;font-size:18px}.skill-detail-description{font-size:15px;line-height:1.7;color:var(--ui-text-primary, #e5e7eb);margin:0;padding:16px;background:#0f0f1980;border:1px solid rgba(99,102,241,.1);border-radius:12px}.skill-detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.skill-detail-info-item{background:#0f0f1980;border:1px solid rgba(99,102,241,.1);border-radius:10px;padding:14px 16px}.skill-detail-info-label{font-size:11px;font-weight:600;color:var(--ui-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.skill-detail-info-value{font-size:15px;font-weight:500;color:var(--ui-text-primary, #f3f4f6)}.clickable-card{cursor:pointer;transition:all .25s ease}.clickable-card:hover{transform:translateY(-2px)}.detail-modal{display:none;position:fixed;inset:0;z-index:10000;background:#000000bf;backdrop-filter:blur(10px);align-items:center;justify-content:center;padding:20px}.detail-modal.open{display:flex}.detail-modal-content{position:relative;background:linear-gradient(145deg,var(--ui-bg-secondary, #1a1a28) 0%,rgba(26,26,40,.98) 100%);border:1px solid rgba(99,102,241,.25);border-radius:20px;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;padding:32px;box-shadow:0 25px 50px #00000080;animation:detailModalSlideIn .3s ease}.detail-modal-content::-webkit-scrollbar{width:6px}.detail-modal-content::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}@keyframes detailModalSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.dm-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(99,102,241,.15)}.dm-icon{width:72px;height:72px;min-width:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:16px;font-size:32px}.dm-icon.tech-icon{background:#141423e6;padding:12px}.dm-icon.tech-icon svg{width:42px;height:42px}.dm-title-section{flex:1;padding-right:40px}.dm-title{font-size:24px;font-weight:700;color:var(--ui-text-primary, #f3f4f6);margin:0 0 8px;line-height:1.3}.dm-subtitle{font-size:15px;color:var(--ui-text-secondary, #9ca3af);margin:0}.dm-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dm-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.dm-badge.featured{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.dm-badge.current{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981}.dm-badge.verified{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.dm-badge.category{background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#6366f1}.dm-section{margin-bottom:24px}.dm-section:last-child{margin-bottom:0}.dm-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ui-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.dm-text{font-size:15px;color:var(--ui-text-primary, #e5e7eb);line-height:1.7;margin:0}.dm-quote{position:relative;padding:20px 24px;background:#0f0f1999;border-left:3px solid #6366f1;border-radius:0 12px 12px 0;font-size:16px;font-style:italic;color:var(--ui-text-primary, #f3f4f6);line-height:1.8}.dm-quote:before{content:'"';position:absolute;top:8px;left:10px;font-size:48px;color:#6366f1;opacity:.3;font-family:serif;line-height:1}.dm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dm-grid-item{background:#0f0f1980;border:1px solid rgba(99,102,241,.1);border-radius:10px;padding:14px 16px}.dm-grid-label{font-size:11px;font-weight:600;color:var(--ui-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.dm-grid-value{font-size:15px;font-weight:500;color:var(--ui-text-primary, #f3f4f6)}.dm-tech-list{display:flex;flex-wrap:wrap;gap:8px}.dm-tech-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#141423cc;border:1px solid rgba(99,102,241,.2);border-radius:8px;font-size:13px;font-weight:500;color:var(--ui-text-primary, #f3f4f6);transition:all .2s}.dm-tech-tag:hover{border-color:#6366f1;background:#6366f11a}.dm-tech-tag svg{width:16px;height:16px}.dm-links{display:flex;gap:12px;flex-wrap:wrap}.dm-link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid rgba(99,102,241,.25);border-radius:10px;font-size:14px;font-weight:500;color:var(--ui-text-primary, #f3f4f6);text-decoration:none;transition:all .2s}.dm-link:hover{background:#6366f14d;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.dm-link svg{width:18px;height:18px}.dm-achievements{display:flex;flex-direction:column;gap:10px}.dm-achievement{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#10b98114;border:1px solid rgba(16,185,129,.15);border-radius:10px;font-size:14px;color:var(--ui-text-primary, #e5e7eb);line-height:1.5}.dm-achievement-icon{color:#10b981;font-size:16px;margin-top:1px;flex-shrink:0}.dm-rating{display:flex;align-items:center;gap:4px;font-size:24px}.dm-rating .star-filled{color:#f59e0b}.dm-rating .star-empty{color:#f59e0b40}.dm-author{display:flex;align-items:center;gap:16px;padding:16px;background:#0f0f1980;border:1px solid rgba(99,102,241,.1);border-radius:12px}.dm-author-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff}.dm-author-info{flex:1}.dm-author-name{font-size:16px;font-weight:600;color:var(--ui-text-primary, #f3f4f6);margin-bottom:4px}.dm-author-role{font-size:14px;color:var(--ui-text-secondary, #9ca3af)}.timeline-dashboard{padding:32px 24px 80px 16px;max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}.timeline-hero{position:relative;margin-bottom:40px;padding:40px;background:linear-gradient(135deg,#6366f114,#8b5cf60d,#ec489908);border:1px solid rgba(99,102,241,.1);border-radius:28px;overflow:hidden}.timeline-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(ellipse at center,rgba(99,102,241,.08) 0%,transparent 70%);pointer-events:none}.timeline-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.timeline-hero-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid rgba(99,102,241,.2);border-radius:24px;color:#a5b4fc;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.timeline-hero-text{max-width:600px}.timeline-hero-title{font-size:36px;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,#fff,#a5b4fc,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.timeline-hero-subtitle{font-size:16px;color:#ffffff80;margin:0;line-height:1.6}.timeline-hero-stats{display:flex;gap:32px;margin-top:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.timeline-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.timeline-stat-value{font-size:28px;font-weight:800;background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-stat-label{font-size:12px;color:#fff6;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.timeline-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:48px;padding:12px;background:linear-gradient(135deg,#0f0f1ecc,#19192d99);border-radius:20px;border:1px solid rgba(99,102,241,.08);backdrop-filter:blur(20px)}.timeline-filter{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;color:#ffffff80;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.timeline-filter:hover{color:#ffffffe6;background:#6366f11a}.timeline-filter.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 20px #6366f166}.timeline-container{position:relative;padding:0 20px}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:3px;transform:translate(-50%);background:linear-gradient(180deg,#6366f126,#8b5cf61a,#ec48991a,#f59e0b1a,#10b98126);border-radius:3px}.timeline-line:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:6px;top:0;height:var(--glow-height, 0px);background:linear-gradient(180deg,#6366f1cc,#8b5cf6e6,#a855f7);border-radius:3px 3px 10px 10px;filter:blur(3px);transition:height .08s linear;pointer-events:none}.timeline-line:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:3px;top:0;height:var(--glow-height, 0px);background:linear-gradient(180deg,#a5b4fc,#c4b5fd 40%,#e0e7ff,#fff);border-radius:3px 3px 10px 10px;box-shadow:0 0 10px #fffc,0 0 20px #a5b4fcb3,0 0 40px #8b5cf680;transition:height .08s linear;pointer-events:none}.timeline-line .glow-tip{position:absolute;left:50%;transform:translate(-50%);width:12px;height:12px;top:calc(var(--glow-height, 0px) - 6px);background:radial-gradient(circle,#fff 0%,rgba(168,85,247,.8) 50%,transparent 70%);border-radius:50%;box-shadow:0 0 15px #fff,0 0 30px #a855f7e6,0 0 50px #8b5cf6b3;transition:top .08s linear;pointer-events:none}.timeline-year-group{position:relative;margin-bottom:32px;animation:fadeIn .6s ease backwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-year-marker{position:relative;display:flex;justify-content:center;margin-bottom:32px;z-index:10}.timeline-year{display:inline-flex;align-items:center;padding:12px 32px;background:linear-gradient(135deg,#1a1a2e,#16162a);border:2px solid rgba(99,102,241,.3);border-radius:50px;font-size:18px;font-weight:800;color:#a5b4fc;letter-spacing:.1em;box-shadow:0 8px 32px #0006,0 0 24px #6366f126}.timeline-card{position:relative;width:calc(50% - 40px);margin-bottom:32px;background:linear-gradient(145deg,#141423f2,#0f0f1cfa);border:1px solid rgba(255,255,255,.06);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:visible}.timeline-card.hidden{display:none}.timeline-left{margin-left:0;margin-right:auto}.timeline-right{margin-left:auto;margin-right:0}.timeline-card:hover{transform:translateY(-6px);border-color:#6366f140;box-shadow:0 20px 50px #00000080,0 0 40px #6366f114}.timeline-dot{position:absolute;top:24px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0006}.timeline-left .timeline-dot{right:-62px}.timeline-right .timeline-dot{left:-62px}.timeline-card:hover .timeline-dot{transform:scale(1.15);box-shadow:0 6px 30px #00000080}.timeline-connector{position:absolute;top:44px;height:2px;width:40px;background:linear-gradient(90deg,#6366f14d,#6366f199)}.timeline-left .timeline-connector{right:-40px}.timeline-right .timeline-connector{left:-40px;background:linear-gradient(90deg,#6366f199,#6366f14d)}.timeline-dot-experience{background:linear-gradient(135deg,#6366f1,#4f46e5);border:3px solid rgba(99,102,241,.4);color:#fff}.timeline-dot-education{background:linear-gradient(135deg,#10b981,#059669);border:3px solid rgba(16,185,129,.4);color:#fff}.timeline-dot-certification{background:linear-gradient(135deg,#f59e0b,#d97706);border:3px solid rgba(245,158,11,.4);color:#fff}.timeline-dot-project{background:linear-gradient(135deg,#ec4899,#db2777);border:3px solid rgba(236,72,153,.4);color:#fff}.timeline-card-content{display:flex;flex-direction:column;gap:16px;padding:24px;position:relative}.timeline-type-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;padding:8px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:10px}.timeline-type-experience{background:linear-gradient(135deg,#6366f126,#4f46e51a);color:#a5b4fc;border:1px solid rgba(99,102,241,.25)}.timeline-type-education{background:linear-gradient(135deg,#10b98126,#0596691a);color:#6ee7b7;border:1px solid rgba(16,185,129,.25)}.timeline-type-certification{background:linear-gradient(135deg,#f59e0b26,#d977061a);color:#fcd34d;border:1px solid rgba(245,158,11,.25)}.timeline-type-project{background:linear-gradient(135deg,#ec489926,#db27771a);color:#f9a8d4;border:1px solid rgba(236,72,153,.25)}.timeline-card-body{display:flex;gap:16px;align-items:flex-start}.timeline-card-icon{width:52px;height:52px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-emoji{font-size:26px}.timeline-card-info{flex:1;min-width:0}.timeline-card-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3;letter-spacing:-.01em}.timeline-card-position{display:flex;align-items:center;gap:6px;font-size:14px;margin:0;color:#fff9;font-weight:500}.timeline-card-position svg{color:#818cf8;flex-shrink:0}.timeline-card-meta{display:flex;flex-wrap:wrap;gap:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.timeline-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffff80}.timeline-meta-item svg{color:#ffffff59}.timeline-card-desc{font-size:14px;color:#ffffff8c;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.timeline-card-tech-section{margin-top:4px}.tech-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#fff6;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.timeline-card-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffffb3;transition:all .2s ease}.timeline-card:hover .tech-chip{background:#6366f114;border-color:#6366f126}.timeline-card-links{display:flex;gap:12px;margin-top:8px}.timeline-link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;color:#ffffffb3;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-decoration:none;transition:all .3s ease}.timeline-link:hover{background:#6366f126;border-color:#6366f14d;color:#fff;transform:translateY(-2px)}.timeline-link.primary{background:linear-gradient(135deg,#6366f133,#8b5cf626);border-color:#6366f14d;color:#a5b4fc}.timeline-link.primary:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;box-shadow:0 4px 20px #6366f166}.timeline-empty{text-align:center;padding:60px 20px;color:#fff6}@media(max-width:900px){.timeline-dashboard{padding:20px 16px}.timeline-hero{padding:28px 20px;border-radius:20px}.timeline-hero-icon{width:64px;height:64px}.timeline-hero-title{font-size:26px}.timeline-hero-stats{flex-wrap:wrap;gap:20px;justify-content:center}.timeline-stat-value{font-size:22px}.timeline-container{padding:0 0 0 50px}.timeline-line{left:20px;transform:none}.timeline-line:before,.timeline-line:after{left:0;transform:none}.timeline-card{width:100%;margin-left:0!important;margin-right:0!important}.timeline-left .timeline-dot,.timeline-right .timeline-dot{left:-50px;right:auto;width:36px;height:36px}.timeline-left .timeline-connector,.timeline-right .timeline-connector{left:-30px;right:auto;width:30px;background:linear-gradient(90deg,#6366f199,#6366f14d)}.timeline-year-marker{justify-content:flex-start;margin-left:-50px;padding-left:0}.timeline-year{font-size:16px;padding:10px 24px}.timeline-card-content{padding:20px}.timeline-card-title{font-size:16px}.timeline-card-body{flex-direction:column;gap:12px}.timeline-card-icon{width:44px;height:44px}.icon-emoji{font-size:22px}.timeline-filters{gap:6px;padding:10px}.timeline-filter{padding:10px 14px;font-size:12px}.timeline-card-links{flex-direction:column;gap:8px}.timeline-link{justify-content:center}}