.modal-container{background:#fff;border-radius:25px;padding:40px;max-width:450px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.modal-close{position:absolute;top:20px;right:20px;width:35px;height:35px;background:#f5f5f5;border:none;border-radius:50%;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#666}.modal-close:hover{background:#e0e0e0;transform:rotate(90deg)}.modal-header h2{font-size:28px;font-weight:700;color:#333;margin-bottom:10px}.modal-header p{font-size:14px;color:#666}.login-error{background:#fee;color:#c33;padding:12px 15px;border-radius:10px;margin-bottom:20px;font-size:14px;border-left:4px solid #c33}.login-form{margin-bottom:25px}.login-form .form-group{margin-bottom:20px}.login-form label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.login-form input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease}.login-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-form input.error{border-color:#dc3545}.btn-login{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-info{background:linear-gradient(135deg,#f5f7fa,#f0f0f5);padding:20px;border-radius:12px;text-align:center}.info-text{font-size:13px;color:#666;margin-bottom:10px}.info-detail{font-size:13px;color:#555;margin:5px 0}.info-detail strong{color:#667eea;font-weight:600}@media (max-width: 768px){.modal-container{padding:30px 25px}.modal-header h2{font-size:24px}}.theme-toggle{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #667eea66;transition:all .3s ease;z-index:1000}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 8px 30px #667eea99}.theme-toggle:active{transform:scale(.95)}body.dark-mode .theme-toggle{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 5px 20px #fbbf2466}body.dark-mode .theme-toggle:hover{box-shadow:0 8px 30px #fbbf2499}@media (max-width: 768px){.theme-toggle{width:50px;height:50px;font-size:24px;bottom:20px;right:20px}}.nav{background:#fffffff2;padding:20px 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-logo{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:30px;list-style:none;align-items:center}.nav-links a{color:#333;text-decoration:none;font-weight:500;transition:all .3s ease;padding:8px 16px;border-radius:8px}.nav-links a:hover{background:#667eea1a;color:#667eea}.btn-logout{background:none;border:none;color:#333;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s ease;font-size:inherit}.btn-logout:hover{background:#dc35451a;color:#dc3545}@media (max-width: 768px){.nav-container{flex-direction:column;gap:15px}.nav-links{gap:10px;flex-wrap:wrap;justify-content:center}.nav-links a{font-size:14px;padding:6px 12px}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:20px}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#fff;font-size:18px;font-weight:500}.main-page{min-height:100vh;padding-bottom:60px}.profile-section{margin-bottom:40px}.profile-card{background:#fff;border-radius:30px;padding:60px 40px;text-align:center;box-shadow:0 10px 40px #00000026;animation:fadeInUp .8s ease-out}.profile-image{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid #667eea;margin-bottom:20px;box-shadow:0 5px 20px #667eea4d}.profile-name{font-size:36px;font-weight:700;margin-bottom:5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-name-en{font-size:18px;color:#888;margin-bottom:20px;font-weight:500}.profile-title{font-size:20px;color:#666;margin-bottom:10px}.profile-subtitle{font-size:16px;color:#888;margin-bottom:20px}.profile-contact{display:flex;flex-direction:column;gap:12px;max-width:500px;margin:20px auto;padding:20px;background:#f8f9fa;border-radius:15px}.contact-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-radius:10px;transition:all .3s ease}.contact-item:hover{transform:translate(5px);box-shadow:0 2px 10px #0000001a}.contact-icon{font-size:20px;min-width:30px;text-align:center}.contact-text{color:#333;font-size:14px;font-weight:500}.contact-link{color:#667eea;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.contact-link:hover{color:#764ba2;text-decoration:underline}.profile-links{display:flex;gap:15px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.profile-link{padding:10px 20px;background:#f5f5f5;border-radius:25px;text-decoration:none;color:#333;font-size:14px;transition:all .3s ease}.profile-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px)}.profile-bio{max-width:600px;margin:0 auto;line-height:1.8;color:#555}.section-title{font-size:28px;font-weight:700;margin-bottom:30px;color:#fff;text-align:center}.keywords-section{margin-bottom:40px}.keywords-container{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.keyword-tag{padding:12px 24px;background:#fff;border-radius:25px;font-size:15px;font-weight:600;color:#667eea;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;cursor:default;border:2px solid transparent;position:relative;overflow:hidden}.keyword-tag:before{content:"•";margin-right:8px;font-size:18px;color:#764ba2}.keyword-tag:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea4d;border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 5px 20px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.card-title{font-size:20px;font-weight:700;margin-bottom:8px;color:#333}.card-subtitle{font-size:16px;color:#667eea;margin-bottom:8px;font-weight:500}.card-detail{font-size:14px;color:#666;margin-bottom:8px}.card-date{font-size:14px;color:#999;margin-bottom:8px}.card-cert-number{font-size:13px;color:#999;font-family:Courier New,monospace;margin-top:4px;font-weight:500}.card-status{font-size:14px;color:#667eea;font-weight:600;background:#667eea1a;padding:4px 12px;border-radius:10px;display:inline-block;margin:8px 0}.card-gpa{font-size:14px;color:#764ba2;font-weight:600;background:#764ba21a;padding:4px 12px;border-radius:10px;display:inline-block;margin-top:8px}.award-rank{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,gold,#ffed4e);color:#333;border-radius:15px;font-size:13px;font-weight:700;margin-bottom:10px;box-shadow:0 2px 10px #ffd7004d}.card-description{font-size:14px;color:#666;line-height:1.6;margin-top:12px;padding-top:12px;border-top:1px solid #eee}.education-container{background:#fffffff2;border-radius:25px;padding:40px;box-shadow:0 5px 20px #0000001a;margin-bottom:40px}.education-container .section-title{color:#333;text-align:left;margin-bottom:30px}.education-container .card{border-left:4px solid #667eea}.certificates-container{background:#fffffff2;border-radius:25px;padding:40px;box-shadow:0 5px 20px #0000001a;margin-bottom:40px}.certificates-container .section-title{color:#333;text-align:left;margin-bottom:30px}.certificates-container .card{border-left:4px solid #4ecdc4}.awards-container{background:#fffffff2;border-radius:25px;padding:40px;box-shadow:0 5px 20px #0000001a;margin-bottom:40px}.awards-container .section-title{color:#333;text-align:left;margin-bottom:30px}.awards-container .card{border-left:4px solid #ffd700}.award-card{display:flex;flex-direction:column;height:100%;cursor:pointer;transition:all .3s ease}.award-badge{font-size:32px;margin-bottom:8px;text-align:center}.award-name{color:#f59e0b!important;font-weight:600;font-size:16px}.card-organization{font-size:15px;color:#666;margin-bottom:8px;font-weight:500}.skills-section{margin-bottom:40px;background:#fffffff2;border-radius:25px;padding:40px;box-shadow:0 5px 20px #0000001a}.skills-category{margin-bottom:35px}.skills-category:last-child{margin-bottom:0}.category-title{font-size:18px;font-weight:700;color:#333;margin-bottom:20px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;display:inline-block}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.skill-card{background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:12px;padding:18px;text-align:center;box-shadow:0 2px 10px #00000014;transition:all .3s ease;border:2px solid transparent}.skill-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #667eea33;border-color:#667eea;background:linear-gradient(135deg,#e8ecff,#dde1ff)}.skill-icon{font-size:36px;margin-bottom:10px;display:block}.skill-name{font-size:16px;font-weight:600;color:#333;margin-bottom:10px}.skill-level{display:flex;gap:5px;justify-content:center}.level-dot{width:10px;height:10px;border-radius:50%;background:#e0e0e0;transition:all .3s ease}.level-dot.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea66}.cta-section{text-align:center;margin-top:60px}.btn-large{padding:18px 50px;font-size:18px;box-shadow:0 10px 30px #667eea4d}.fade-in:nth-child(1){animation-delay:.1s}.fade-in:nth-child(2){animation-delay:.2s}.fade-in:nth-child(3){animation-delay:.3s}.fade-in:nth-child(4){animation-delay:.4s}.fade-in:nth-child(5){animation-delay:.5s}.fade-in:nth-child(6){animation-delay:.6s}.fade-in:nth-child(7){animation-delay:.7s}@media (max-width: 768px){.profile-card{padding:40px 20px}.profile-name{font-size:28px}.profile-contact{padding:15px}.contact-item{padding:10px}.section-title{font-size:24px}.keyword-tag{font-size:13px;padding:10px 18px}.cards-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.btn-large{padding:15px 40px;font-size:16px}}.projects-list-page{min-height:100vh;padding-bottom:60px}.projects-header{text-align:center;margin-bottom:40px}.page-title{font-size:42px;font-weight:700;color:#fff;margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.page-subtitle{font-size:18px;color:#ffffffe6}.filter-section{background:#fff;border-radius:20px;padding:30px;margin-bottom:40px;box-shadow:0 5px 20px #0000001a}.search-box{margin-bottom:25px}.search-input{width:100%;padding:15px 20px;border:2px solid #e0e0e0;border-radius:15px;font-size:16px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.category-filters{display:flex;gap:12px;flex-wrap:wrap}.category-tag{padding:10px 20px;border:2px solid #e0e0e0;background:#fff;border-radius:25px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.category-tag:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.category-tag.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 5px 15px #667eea4d}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.project-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #00000026}.project-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-content{padding:25px;flex:1}.project-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.project-icon{font-size:28px}.project-title{font-size:22px;font-weight:700;color:#333;flex:1}.award-badge{font-size:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.project-subtitle{font-size:14px;color:#667eea;font-weight:500;margin-bottom:12px}.project-description{font-size:14px;color:#666;line-height:1.6;margin-bottom:15px}.project-meta{display:flex;align-items:center;gap:15px;margin-bottom:15px;font-size:13px;color:#999;flex-wrap:wrap}.award-info{color:#f59e0b;font-weight:600;font-size:13px}.tech-tags{display:flex;gap:8px;flex-wrap:wrap}.tech-tag{padding:5px 12px;background:#f5f5f5;border-radius:12px;font-size:12px;color:#667eea;font-weight:500}.project-footer{padding:15px 25px;border-top:1px solid #f0f0f0;text-align:right}.view-detail{font-size:14px;color:#667eea;font-weight:600;transition:all .3s ease}.project-card:hover .view-detail{transform:translate(5px);display:inline-block}.no-projects{text-align:center;padding:80px 20px;background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a}.no-projects p{font-size:20px;color:#999}@media (max-width: 768px){.page-title{font-size:32px}.projects-grid{grid-template-columns:1fr}.filter-section{padding:20px}.category-filters{justify-content:center}}.project-detail-page{min-height:100vh;padding-bottom:60px}.back-button-container{margin-bottom:30px}.back-button{display:inline-block;padding:12px 24px;background:#fff;color:#667eea;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 3px 10px #0000001a}.back-button:hover{transform:translate(-5px);box-shadow:0 5px 15px #00000026}.project-header{background:#fff;border-radius:25px;padding:50px 40px;margin-bottom:40px;box-shadow:0 8px 30px #0000001f}.header-content{display:flex;align-items:center;gap:25px}.project-icon-large{font-size:64px}.project-title-large{font-size:36px;font-weight:700;color:#333;margin-bottom:10px;display:flex;align-items:center;gap:15px}.award-badge-large{font-size:42px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.award-name{font-size:16px;color:#f59e0b;font-weight:600;margin-top:8px}.project-subtitle-large{font-size:18px;color:#667eea;font-weight:500}.image-gallery{background:#fff;border-radius:25px;padding:30px;margin-bottom:40px;box-shadow:0 5px 20px #0000001a}.gallery-main{position:relative;width:100%;height:500px;border-radius:15px;overflow:hidden;margin-bottom:20px;background:#f5f5f5}.gallery-image{width:100%;height:100%;object-fit:contain}.gallery-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;font-size:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #0003;display:flex;align-items:center;justify-content:center;color:#667eea}.gallery-button:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.gallery-button.prev{left:20px}.gallery-button.next{right:20px}.gallery-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:10px 0}.thumbnail{width:100px;height:80px;object-fit:cover;border-radius:10px;cursor:pointer;border:3px solid transparent;transition:all .3s ease;flex-shrink:0}.thumbnail:hover{border-color:#667eea;transform:scale(1.05)}.thumbnail.active{border-color:#667eea;box-shadow:0 3px 10px #667eea4d}.project-info{margin-bottom:40px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.info-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.info-card h3{font-size:16px;color:#667eea;margin-bottom:10px}.info-card p{font-size:18px;font-weight:600;color:#333}.project-links{display:flex;gap:15px;flex-wrap:wrap}.link-button{padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 5px 15px #667eea4d}.link-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea66}.section-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 5px 20px #0000001a;margin-bottom:40px}.section-title{font-size:28px;font-weight:700;color:#333;margin-bottom:25px}.section-title-white{font-size:28px;font-weight:700;color:#fff;text-align:center;margin-bottom:30px}.description-text{font-size:16px;line-height:1.8;color:#555;white-space:pre-wrap}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.tech-stack-card{display:flex;align-items:center;gap:12px;padding:15px 20px;background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:12px;transition:all .3s ease;border:2px solid transparent}.tech-stack-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 5px 15px #667eea33}.tech-icon{font-size:28px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.achievement-card{background:#fff;border-radius:18px;padding:30px;box-shadow:0 5px 20px #0000001a;position:relative;overflow:hidden;transition:all .3s ease}.achievement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,gold,#ffed4e)}.achievement-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.achievement-title{font-size:20px;font-weight:700;color:#333;margin-bottom:12px}.achievement-description{font-size:15px;line-height:1.7;color:#666}.list-items{list-style:none;padding:0;margin:0}.list-items li{font-size:16px;line-height:1.8;color:#555;padding:12px 20px;margin-bottom:10px;background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:10px;border-left:4px solid #667eea;transition:all .3s ease}.list-items li:hover{transform:translate(5px);box-shadow:0 3px 10px #667eea33}.section-block{margin-bottom:40px}.architecture-image-wrapper{width:100%;border-radius:15px;overflow:hidden;background:#f5f5f5;display:flex;justify-content:center;align-items:center;padding:20px}.architecture-image{max-width:100%;height:auto;object-fit:contain}.tech-category{margin-bottom:30px}.tech-category:last-child{margin-bottom:0}.tech-category-title{font-size:20px;font-weight:600;color:#667eea;margin-bottom:15px;display:flex;align-items:center;gap:8px}.tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{padding:8px 16px;background:linear-gradient(135deg,#f5f7fa,#e8ebf5);border:2px solid #667eea;border-radius:20px;font-size:14px;font-weight:500;color:#667eea;transition:all .3s ease}.tech-tag:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 3px 10px #667eea4d}.project-link{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s ease}.project-link:hover{color:#764ba2;text-decoration:underline}.core-values-text{font-size:16px;line-height:1.8;color:#555;background:linear-gradient(135deg,#f5f7fa,#f0f0f5);padding:25px;border-radius:12px;border-left:4px solid #667eea}.error-message{background:#fff;border-radius:20px;padding:60px 40px;text-align:center;box-shadow:0 5px 20px #0000001a}.error-message h2{font-size:28px;color:#999;margin-bottom:30px}.achievements-problems-section,.regrets-improvements-section{margin-bottom:50px}.main-section-title{font-size:32px;font-weight:700;color:#333;margin-bottom:30px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px}.two-column-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.column-card:only-child{grid-column:1 / -1}.column-card{background:#fff;border-radius:20px;padding:35px;box-shadow:0 5px 20px #0000001a;transition:all .3s ease}.column-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.column-header{display:flex;align-items:center;gap:12px;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #f0f0f0}.column-icon{font-size:32px}.column-icon.warning{font-size:32px;filter:grayscale(0)}.column-title{font-size:24px;font-weight:700;color:#333;margin:0}.achievement-items,.regret-items,.improvement-items{display:flex;flex-direction:column;gap:15px}.achievement-item,.regret-item,.improvement-item{display:flex;gap:12px;padding:18px 20px;background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:12px;transition:all .3s ease;border-left:4px solid #28a745}.regret-item{border-left-color:#ffc107}.improvement-item{border-left-color:#17a2b8}.achievement-item:hover,.regret-item:hover,.improvement-item:hover{transform:translate(5px);box-shadow:0 3px 10px #0000001a}.problem-solution-items{display:flex;flex-direction:column;gap:20px}.problem-solution-item{background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:12px;padding:20px;transition:all .3s ease}.problem-solution-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.problem-part,.solution-part{display:flex;gap:12px;margin-bottom:12px}.solution-part{margin-bottom:0}.item-badge{flex-shrink:0;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;min-width:60px}.item-badge.success{background:#d4edda;color:#155724;border:2px solid #28a745}.item-badge.error{background:#f8d7da;color:#721c24;border:2px solid #dc3545}.item-badge.warning{background:#fff3cd;color:#856404;border:2px solid #ffc107}.item-badge.info{background:#d1ecf1;color:#0c5460;border:2px solid #17a2b8}.item-text{font-size:15px;line-height:1.7;color:#333;margin:0;flex:1;display:flex;align-items:center}@media (max-width: 1024px){.two-column-grid{grid-template-columns:1fr;gap:25px}.main-section-title{font-size:28px}}@media (max-width: 768px){.project-header{padding:30px 20px}.header-content{flex-direction:column;text-align:center}.project-title-large{font-size:28px}.gallery-main{height:300px}.gallery-button{width:40px;height:40px;font-size:24px}.info-grid{grid-template-columns:1fr}.section-card{padding:25px 20px}.tech-stack-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.achievements-grid{grid-template-columns:1fr}.main-section-title{font-size:24px;flex-direction:column;gap:8px}.column-card{padding:25px 20px}.column-header{flex-direction:column;align-items:flex-start;gap:8px}.column-title{font-size:20px}.item-badge{min-width:50px;font-size:11px;padding:5px 10px}.item-text{font-size:14px}}.admin-dashboard{min-height:100vh;padding-bottom:60px}.admin-header{background:#fff;border-radius:25px;padding:50px 40px;margin-bottom:40px;box-shadow:0 8px 30px #0000001f;text-align:center}.admin-title{font-size:42px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px}.admin-subtitle{font-size:18px;color:#666;font-weight:500}.stats-section{margin-bottom:40px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.stat-card{background:#fff;border-radius:20px;padding:35px;box-shadow:0 5px 20px #0000001a;display:flex;align-items:center;gap:25px;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.stat-card.stat-projects{border-left:5px solid #667eea}.stat-card.stat-skills{border-left:5px solid #764ba2}.stat-icon{font-size:48px}.stat-content h3{font-size:16px;color:#999;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.stat-number{font-size:36px;font-weight:700;color:#333;margin:0}.quick-actions{margin-bottom:40px}.section-title{font-size:28px;font-weight:700;color:#333;margin-bottom:30px;text-align:center}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.action-card{background:#fff;border-radius:20px;padding:35px 30px;text-decoration:none;transition:all .3s ease;box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center;border:2px solid transparent}.action-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #667eea4d;border-color:#667eea}.action-icon{font-size:56px;margin-bottom:20px;display:block}.action-card h3{font-size:20px;font-weight:700;color:#333;margin-bottom:12px}.action-card p{font-size:14px;color:#666;line-height:1.6;margin:0}.recent-projects{background:#fff;border-radius:20px;padding:40px;box-shadow:0 5px 20px #0000001a}.projects-list{display:flex;flex-direction:column;gap:15px}.project-item{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:15px;transition:all .3s ease;border:2px solid transparent}.project-item:hover{transform:translate(5px);border-color:#667eea;box-shadow:0 5px 15px #667eea33}.project-icon{font-size:32px}.project-info{flex:1}.project-info h4{font-size:18px;font-weight:700;color:#333;margin-bottom:6px}.project-info p{font-size:14px;color:#666;margin:0}.edit-button{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 3px 10px #667eea4d}.edit-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}@media (max-width: 768px){.admin-header{padding:35px 25px}.admin-title{font-size:32px}.admin-subtitle{font-size:16px}.stats-grid,.actions-grid{grid-template-columns:1fr}.recent-projects{padding:25px 20px}.project-item{flex-direction:column;text-align:center}.edit-button{width:100%}}.admin-profile{min-height:100vh;padding-bottom:60px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-form{background:#fff;border-radius:25px;padding:40px;box-shadow:0 5px 20px #0000001a;margin-bottom:40px}.form-section{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #f0f0f0}.form-section:last-of-type{border-bottom:none}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{font-size:22px;font-weight:700;color:#333;margin-bottom:25px}.image-upload-container{text-align:center}.image-preview{width:180px;height:180px;margin:0 auto 15px;position:relative;border-radius:50%;overflow:hidden;border:4px solid #667eea;box-shadow:0 5px 20px #667eea4d}.image-preview img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#999;font-size:14px}.image-upload-button{position:absolute;bottom:10px;right:10px;width:45px;height:45px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #667eea66}.image-upload-button:hover{transform:scale(1.1);box-shadow:0 5px 15px #667eea99}.image-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.btn-delete-image{padding:10px 24px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:80px;white-space:nowrap}.btn-delete-image:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.image-upload-button:hover{transform:scale(1.1);box-shadow:0 5px 15px #667eea80}.image-hint{font-size:14px;color:#666}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group input,.form-group textarea{padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{text-align:center;margin-top:30px}.keywords-section{background:#fff;border-radius:25px;padding:40px;box-shadow:0 5px 20px #0000001a}.section-title{font-size:22px;font-weight:700;color:#333;margin-bottom:25px}.keywords-manager{display:flex;flex-direction:column;gap:20px}.keyword-input-container{display:flex;gap:12px;margin-bottom:20px}.keyword-input{flex:1;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease}.keyword-order-input{width:80px;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;text-align:center}.keyword-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-add-keyword{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-add-keyword:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.keywords-list{display:flex;flex-wrap:wrap;gap:12px}.keyword-item{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#f5f5f5;border-radius:25px;font-size:14px;transition:all .3s ease;cursor:move;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.keyword-item.dragging{opacity:.6;transform:scale(.98) rotate(2deg);box-shadow:0 8px 20px #00000026;border:2px dashed #667eea;background:linear-gradient(135deg,#e8ecff,#dde1ff)}.keyword-drag-handle{font-size:18px;color:#999;cursor:grab;transition:all .3s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:flex;align-items:center;justify-content:center;padding:2px 4px}.keyword-drag-handle:hover{color:#667eea;transform:scale(1.2);background:#667eea1a;border-radius:4px}.keyword-drag-handle:active,.keyword-item.dragging .keyword-drag-handle{cursor:grabbing}.keyword-order{font-size:12px;color:#999;font-weight:600;min-width:30px;-webkit-user-select:none;user-select:none}.keyword-content{flex:1;font-weight:500;color:#333;-webkit-user-select:none;user-select:none}.keyword-item:hover{background:#e8e8e8;transform:translateY(-2px)}.btn-delete-keyword{width:22px;height:22px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0;flex-shrink:0}.btn-delete-keyword:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}@media (max-width: 768px){.profile-form,.keywords-section{padding:25px 20px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.keyword-input-group{flex-direction:column}.btn-add-keyword{width:100%}}.admin-projects{min-height:100vh;padding-bottom:60px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h2{font-size:24px;font-weight:700;color:#fff}.projects-section{margin-bottom:40px}.projects-list{background:#fff;border-radius:20px;padding:30px;box-shadow:0 5px 20px #0000001a}.no-data{text-align:center;color:#999;font-size:16px;padding:40px 20px}.project-item{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-bottom:15px;background:#f9f9f9;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.project-item:hover{background:#f0f0f5;border-color:#667eea;transform:translate(5px)}.project-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.project-item-content h4{font-size:18px;font-weight:700;margin-bottom:5px}.award-badge{display:inline-block;margin-top:8px;padding:4px 12px;background:#fff;color:#f59e0b;border-radius:12px;font-size:12px;font-weight:600}.project-item.active .award-badge{background:#fff3;color:#fff}.project-item .btn-delete{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;height:40px;background:#dc3545;color:#fff;border:none;border-radius:4px!important;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:all .3s ease;min-width:85px;white-space:nowrap;box-sizing:border-box}.project-item .btn-delete:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.project-card{background:#f9f9f9;border-radius:15px;padding:25px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;border-color:#667eea}.project-card.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.project-card .project-icon{font-size:36px;display:block;margin-bottom:12px}.project-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.project-card p{font-size:14px;color:#666;margin-bottom:15px}.project-card.active p{color:#ffffffe6}.card-actions{display:flex;gap:10px}.btn-edit,.btn-delete{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;height:40px;border:none;border-radius:4px!important;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:all .3s ease;min-width:85px;white-space:nowrap;box-sizing:border-box}.btn-edit{background:#667eea;color:#fff}.btn-edit:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.no-data{text-align:center;padding:60px 20px}.project-edit-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 5px 20px #0000001a}.section-title{font-size:24px;font-weight:700;color:#333;margin-bottom:30px}.tabs{display:flex;gap:10px;border-bottom:2px solid #f0f0f0;margin-bottom:30px;overflow-x:auto}.tab{padding:15px 25px;background:none;border:none;font-size:15px;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;position:relative;top:2px;white-space:nowrap}.tab:hover{color:#667eea}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab-content{min-height:400px}.basic-form{padding:20px 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-group .helper-text{font-size:12px;color:#999;margin-bottom:8px;font-style:italic}.form-group.checkbox-group{flex-direction:row;align-items:center;gap:10px}.form-group.checkbox-group label{margin-bottom:0;display:flex;align-items:center;gap:8px;cursor:pointer}.form-group.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.form-tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:15px}.image-preview{border-radius:12px;overflow:hidden;border:2px solid #e0e0e0;background:#f5f5f5}.image-preview img{width:100%;height:150px;object-fit:cover}.image-preview p{padding:8px;text-align:center;font-size:12px;color:#666;background:#fff}.project-form-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 5px 20px #0000001a;margin-top:40px}.project-form-section h2{font-size:24px;font-weight:700;color:#333;margin-bottom:30px}.form-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:30px;border-top:2px solid #f0f0f0}.form-group input,.form-group textarea,.form-group select{padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.form-actions{text-align:center}.btn-save{padding:12px 40px;font-size:16px;font-weight:600;background:#667eea;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.btn-save:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.images-form{padding:20px 0}.upload-area{margin-bottom:30px}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;border:3px dashed #e0e0e0;border-radius:15px;cursor:pointer;transition:all .3s ease}.upload-label:hover{border-color:#667eea;background:#667eea0d}.upload-icon{font-size:64px;margin-bottom:15px}.upload-label p{font-size:16px;color:#333;margin:0}.upload-hint{font-size:13px!important;color:#999!important;margin-top:8px!important}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.image-item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;border:2px solid #e0e0e0}.image-item img{width:100%;height:100%;object-fit:cover}.btn-delete-image{position:absolute;top:10px;right:10px;width:28px;height:28px;background:#dc3545f2;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-delete-image:hover{background:#dc3545;transform:translateY(-1px);box-shadow:0 2px 8px #dc354566}.tech-form{padding:20px 0}.subsection-title{font-size:18px;font-weight:700;color:#333;margin-bottom:20px;margin-top:30px}.subsection-title:first-child{margin-top:0}.tech-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.tech-item{display:flex;align-items:center;gap:10px;padding:12px 15px;background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:12px;border:2px solid transparent;transition:all .3s ease}.tech-item:hover{border-color:#667eea}.tech-icon{font-size:24px}.tech-name{font-size:15px;font-weight:600;color:#333}.btn-remove{width:22px;height:22px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-left:auto}.btn-remove:hover{background:#c82333;transform:scale(1.15)}.skills-grid-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.skill-select-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#f9f9f9;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative}.skill-select-item:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 5px 15px #667eea33}.skill-icon{font-size:32px}.skill-name{font-size:14px;font-weight:600;color:#333;text-align:center}.add-icon{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#667eea;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.no-data-text{text-align:center;color:#999;padding:40px 20px;font-size:15px}.achievements-form{padding:20px 0}.achievement-input-group{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;padding:25px;background:#f9f9f9;border-radius:15px}.achievement-title-input,.achievement-desc-input{padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;font-family:inherit}.achievement-title-input:focus,.achievement-desc-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.achievements-list{display:flex;flex-direction:column;gap:15px}.achievement-item{padding:20px;background:#f9f9f9;border-radius:12px;border-left:4px solid #667eea;position:relative}.achievement-item h4{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.achievement-item p{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}.btn-delete-small{padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-delete-small:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.section-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.btn-add-small{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-small:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.problem-solutions-list{display:flex;flex-direction:column;gap:20px;margin-top:15px}.empty-state{text-align:center;padding:40px 20px;background:#f9f9f9;border-radius:12px;border:2px dashed #e0e0e0}.empty-state p{color:#999;font-size:14px;margin:0}.problem-solution-pair{display:flex;gap:15px;padding:20px;background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:15px;border:2px solid #e0e0e0;position:relative;transition:all .3s ease}.problem-solution-pair:hover{border-color:#667eea;box-shadow:0 3px 12px #667eea26}.pair-number{flex-shrink:0;width:36px;height:36px;background:#667eea;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.pair-content{flex:1;display:flex;flex-direction:column;gap:15px}.pair-field{display:flex;flex-direction:column;gap:8px}.pair-label{font-size:13px;font-weight:700;padding:6px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;width:fit-content;letter-spacing:.5px}.pair-label.error-label{background:#f8d7da;color:#721c24;border:2px solid #dc3545}.pair-label.success-label{background:#d4edda;color:#155724;border:2px solid #28a745}.pair-field textarea{padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;line-height:1.6;resize:vertical;min-height:60px;font-family:inherit;transition:all .3s ease}.pair-field textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pair-field textarea::placeholder{color:#999;font-style:italic}.btn-remove-pair{flex-shrink:0;width:32px;height:32px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:absolute;top:15px;right:15px}.btn-remove-pair:hover{background:#c82333;transform:scale(1.15)}.array-items-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.array-item{display:flex;align-items:center;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:12px;border:2px solid #e0e0e0;transition:all .3s ease}.array-item:hover{border-color:#667eea;box-shadow:0 2px 10px #667eea26}.array-item .item-number{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;box-shadow:0 2px 8px #667eea4d}.array-item input{flex:1;padding:10px 12px;border:2px solid transparent;background:#fff;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit}.array-item input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.array-item input::placeholder{color:#999;font-style:italic}.array-item .btn-delete{flex-shrink:0;width:24px;height:24px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.array-item .btn-delete:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}@media (max-width: 768px){.projects-grid,.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.tabs{justify-content:flex-start}.images-grid{grid-template-columns:1fr}.skills-grid-select{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.problem-solution-pair{flex-direction:column;padding:15px}.pair-number{width:35px;height:35px;font-size:14px}.btn-remove-pair{width:28px;height:28px;font-size:18px;top:10px;right:10px}.pair-label{font-size:12px;padding:5px 10px}.section-header-inline{flex-direction:column;align-items:flex-start;gap:10px}.btn-add-small{width:100%}.array-item{flex-direction:row;padding:10px 12px;gap:10px}.array-item .item-number{width:28px;height:28px;font-size:12px}.array-item input{font-size:13px;padding:8px 10px}.array-item .btn-delete{width:26px;height:26px;font-size:14px}}.admin-skills{min-height:100vh;padding-bottom:60px}.skills-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 5px 20px #0000001a}.category-tabs{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.category-tab{padding:12px 24px;background:#fff;border:2px solid #e0e0e0;border-radius:25px;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease}.category-tab:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.category-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 5px 15px #667eea4d}.skills-list{min-height:300px}.no-data{text-align:center;color:#999;font-size:16px;padding:60px 20px}.skill-item{display:flex;align-items:center;gap:15px;padding:20px;margin-bottom:15px;background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:15px;transition:all .3s ease;border:2px solid transparent}.skill-item:hover{transform:translate(5px);box-shadow:0 5px 15px #667eea33;border-color:#667eea}.skill-content{flex:1}.skill-name{font-size:18px;font-weight:700;color:#333;margin-bottom:10px}.skill-level{display:flex;align-items:center;gap:6px}.level-bar{width:40px;height:8px;background:#e0e0e0;border-radius:4px;transition:all .3s ease}.level-bar.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d}.level-text{margin-left:8px;font-size:13px;font-weight:600;color:#667eea}.skill-actions{display:flex;gap:8px;margin-left:auto}.skill-actions .btn-edit,.skill-actions .btn-delete{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;height:40px;border:none;border-radius:4px!important;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:all .3s ease;min-width:85px;white-space:nowrap;box-sizing:border-box}.skill-actions .btn-edit{background:#667eea;color:#fff}.skill-actions .btn-edit:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.skill-actions .btn-delete{background:#dc3545;color:#fff}.skill-actions .btn-delete:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}.modal-content h2{font-size:24px;font-weight:700;color:#333;margin-bottom:30px}.form-group{margin-bottom:25px}.form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-group input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.category-info{padding:12px 15px;background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:10px;font-size:15px;font-weight:600;color:#667eea}.error-text{display:block;font-size:12px;color:#dc3545;margin-top:5px}.modal-actions{display:flex;gap:15px;margin-top:30px}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-secondary{background:#f0f0f5;color:#666}.btn-secondary:hover{background:#e0e0e0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.skills-section{padding:25px 20px}.section-header{flex-direction:column;gap:15px;align-items:flex-start}.category-tabs{justify-content:flex-start}.skill-item{flex-direction:column;align-items:flex-start}.skill-actions{width:100%}.btn-edit,.btn-delete{flex:1}.modal-content{padding:30px 20px}}.admin-education{min-height:100vh;padding-bottom:60px}.education-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 5px 20px #0000001a}.education-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:30px}.education-card{background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:15px;padding:35px;transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column}.education-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;border-color:#667eea}.education-name{font-size:20px;font-weight:700;color:#333;line-height:1.4;margin-bottom:20px}.education-date{font-size:15px;color:#666;line-height:1.6;margin-bottom:15px;font-weight:500}.education-status{display:inline-block;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);padding:6px 14px;border-radius:12px;margin-bottom:15px}.education-gpa{font-size:15px;color:#764ba2;font-weight:600;line-height:1.5;margin-bottom:25px}.education-actions{display:flex;gap:8px;margin-top:auto;justify-content:flex-end;padding-top:15px}.education-actions .btn-edit,.education-actions .btn-delete{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;height:40px;border:none;border-radius:4px!important;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:all .3s ease;min-width:85px;white-space:nowrap;box-sizing:border-box}.education-actions .btn-edit{background:#667eea;color:#fff}.education-actions .btn-edit:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.education-actions .btn-delete{background:#dc3545;color:#fff}.education-actions .btn-delete:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.education-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.education-form .form-group{display:flex;flex-direction:column}.education-form .form-group:nth-child(1),.education-form .form-group:nth-child(2),.education-form .form-group:nth-child(7){grid-column:1 / -1}.education-form label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.education-form input,.education-form select{padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease}.education-form input:focus,.education-form select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.education-form input.error{border-color:#dc3545}@media (max-width: 768px){.education-grid,.education-form{grid-template-columns:1fr}.education-form .form-group:nth-child(1),.education-form .form-group:nth-child(2),.education-form .form-group:nth-child(7){grid-column:1}}.admin-certificates{min-height:100vh;padding-bottom:60px}.message{padding:15px 20px;border-radius:12px;margin-bottom:30px;font-weight:500;animation:slideDown .3s ease-out}.message.success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.message.error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.certificates-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 5px 20px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-header h2{font-size:24px;font-weight:700;color:#333}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.certificate-card{background:linear-gradient(135deg,#f5f7fa,#f0f0f5);border-radius:15px;padding:25px;transition:all .3s ease;border:2px solid transparent;text-align:center;display:flex;flex-direction:column}.certificate-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;border-color:#667eea}.card-icon{font-size:48px;margin-bottom:15px}.certificate-card h3{font-size:18px;font-weight:700;color:#333;margin-bottom:10px}.issuer{font-size:15px;color:#667eea;font-weight:600;margin-bottom:12px}.issue-date{font-size:13px;color:#666;margin-bottom:8px}.certificate-number{font-size:13px;color:#999;margin-bottom:15px;font-family:Courier New,monospace;font-weight:500}.btn-add{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-add .btn-icon{font-size:16px;font-weight:700}.card-actions{display:flex;gap:8px;margin-top:auto;justify-content:center;padding-top:15px}.card-actions .btn-edit,.card-actions .btn-delete{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;height:40px;border:none;border-radius:4px!important;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:all .3s ease;min-width:85px;white-space:nowrap;box-sizing:border-box}.card-actions .btn-edit{background:#667eea;color:#fff}.card-actions .btn-edit:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.card-actions .btn-delete{background:#dc3545;color:#fff}.card-actions .btn-delete:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.no-data{text-align:center;padding:60px 20px;grid-column:1 / -1}.no-data p{font-size:20px;color:#999;margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-container{background:#fff;border-radius:25px;padding:40px;max-width:600px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;background:#f5f5f5;border:none;border-radius:8px;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#666}.modal-close:hover{background:#e0e0e0;transform:scale(1.05)}.modal-header{text-align:center;margin-bottom:30px}.modal-header h2{font-size:24px;font-weight:700;color:#333}.certificate-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.certificate-form .form-group{display:flex;flex-direction:column}.certificate-form .form-group.full-width{grid-column:1 / -1}.certificate-form label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.certificate-form input{padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease}.certificate-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.certificate-form input.error{border-color:#dc3545}.error-text{font-size:12px;color:#dc3545;margin-top:5px}.input-hint{font-size:12px;color:#999;margin-top:5px}.modal-actions{grid-column:1 / -1;display:flex;gap:12px;margin-top:10px}.btn-cancel,.btn-submit{flex:1;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0;transform:translateY(-2px)}.btn-submit{background:#667eea;color:#fff}.btn-submit:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.certificates-grid,.certificate-form{grid-template-columns:1fr}.certificate-form .form-group.full-width{grid-column:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out}.card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.btn{padding:12px 30px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 12px #667eea4d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#f0f0f0;color:#333;box-shadow:0 2px 8px #0000001a}.btn-secondary:hover{background:#e0e0e0;box-shadow:0 4px 12px #00000026}.btn-add{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-add .btn-icon{font-size:18px;font-weight:700}.btn-delete{width:24px;height:24px;background:#dc3545;color:#fff;border:none;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1}.btn-delete:hover{background:#c82333;transform:scale(1.15)}.nav{background:#fffffff2;padding:20px 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{color:#333;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#667eea}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:18px;color:#fff}.error{background:#fee;color:#c33;padding:15px 20px;border-radius:8px;margin:20px 0;border-left:4px solid #c33}.success{background:#efe;color:#3c3;padding:15px 20px;border-radius:8px;margin:20px 0;border-left:4px solid #3c3}@media (max-width: 768px){.nav-container{flex-direction:column;gap:15px}.nav-links{gap:15px}.container{padding:20px 15px}}body.dark-mode{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--shadow: rgba(0, 0, 0, .5);--gradient-start: #667eea;--gradient-end: #764ba2}body.dark-mode{background:var(--bg-primary);color:var(--text-primary)}body.dark-mode .container{background:transparent}body.dark-mode .card,body.dark-mode .section-card,body.dark-mode .project-card,body.dark-mode .skill-card,body.dark-mode .education-card,body.dark-mode .certificate-card,body.dark-mode .column-card{background:var(--bg-card);color:var(--text-primary);box-shadow:0 5px 20px var(--shadow)}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4{color:var(--text-primary)}body.dark-mode .subtitle,body.dark-mode .page-subtitle,body.dark-mode .admin-subtitle,body.dark-mode p{color:var(--text-secondary)}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:var(--text-muted)}body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{background:var(--bg-hover);border-color:var(--gradient-start)}body.dark-mode .nav{background:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow)}body.dark-mode .nav a{color:var(--text-primary)}body.dark-mode .nav a:hover{color:var(--gradient-start)}body.dark-mode .section-divider{border-color:var(--border-color)}body.dark-mode table{background:var(--bg-card);color:var(--text-primary)}body.dark-mode thead{background:var(--bg-secondary)}body.dark-mode tbody tr:hover{background:var(--bg-hover)}body.dark-mode .modal-overlay{background:#000c}body.dark-mode .modal-container{background:var(--bg-card);color:var(--text-primary)}body.dark-mode .message.success{background:#22c55e33;color:#86efac;border-left-color:#22c55e}body.dark-mode .message.error{background:#ef444433;color:#fca5a5;border-left-color:#ef4444}body.dark-mode .project-item{background:var(--bg-card);border-color:var(--border-color)}body.dark-mode .project-item:hover{background:var(--bg-hover)}body.dark-mode .project-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}body.dark-mode .level-bar{background:var(--bg-secondary)}body.dark-mode .badge,body.dark-mode .award-badge,body.dark-mode .status-badge{background:var(--bg-secondary);color:var(--text-primary)}body.dark-mode .empty-state,body.dark-mode .no-data{color:var(--text-muted)}body.dark-mode a{color:var(--gradient-start)}body.dark-mode a:hover{color:var(--gradient-end)}body.dark-mode .item-badge.success{background:#22c55e33;color:#86efac}body.dark-mode .item-badge.error{background:#ef444433;color:#fca5a5}body.dark-mode .item-badge.warning{background:#fbbf2433;color:#fde047}body.dark-mode .item-badge.info{background:#3b82f633;color:#93c5fd}body.dark-mode .tab{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}body.dark-mode .tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}body.dark-mode .form-group label{color:var(--text-primary)}body.dark-mode .helper-text{color:var(--text-muted)}body.dark-mode .array-item{background:var(--bg-secondary);border-color:var(--border-color)}body.dark-mode .item-number{background:var(--bg-hover);color:var(--text-primary)}body.dark-mode .image-preview-container{background:var(--bg-secondary);border-color:var(--border-color)}body.dark-mode .stat-card{background:var(--bg-card);color:var(--text-primary)}body.dark-mode ::-webkit-scrollbar{background:var(--bg-secondary)}body.dark-mode ::-webkit-scrollbar-thumb{background:var(--bg-hover)}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--border-color)}body.dark-mode .gallery-nav button{background:#1e293bcc;color:var(--text-primary)}body.dark-mode .gallery-nav button:hover{background:#334155e6}body.dark-mode .tech-tag{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}body.dark-mode .loading-spinner{border-color:var(--border-color);border-top-color:var(--gradient-start)}body.dark-mode .card:hover,body.dark-mode .section-card:hover,body.dark-mode .project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow)}body.dark-mode .admin-header,body.dark-mode .admin-title,body.dark-mode .section-header h2,body.dark-mode .section-title{color:var(--text-primary)}body.dark-mode .projects-list{background:var(--bg-card)}body.dark-mode .keyword-tag{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}body.dark-mode .certificate-number,body.dark-mode .card-cert-number{color:var(--text-muted)}body.dark-mode .card-date,body.dark-mode .education-date,body.dark-mode .education-gpa,body.dark-mode .issue-date,body.dark-mode .education-status,body.dark-mode .project-status{color:var(--text-secondary)}