@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}#national-president-flagship{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:30px 15px}#national-president-flagship .header-card{background:linear-gradient(135deg,#0097d7,#3a67b1)!important;border-radius:20px;overflow:hidden;-webkit-animation:slideDown .8s cubic-bezier(.34,1.56,.64,1);animation:slideDown .8s cubic-bezier(.34,1.56,.64,1);position:relative;border:none;-webkit-box-shadow:0 20px 60px rgba(58,103,177,.5),0 10px 30px rgba(0,151,215,.3);box-shadow:0 20px 60px rgba(58,103,177,.5),0 10px 30px rgba(0,151,215,.3)}#national-president-flagship .header-card:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%;pointer-events:none}#national-president-flagship .header-gradient{padding:0}#national-president-flagship .header-container{padding:20px 0!important}#national-president-flagship .header-icon-box{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:18px;padding:14px;-webkit-box-shadow:0 12px 40px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.4);box-shadow:0 12px 40px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.4);-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite;border:2px solid hsla(0,0%,100%,.3);-ms-flex-negative:0;flex-shrink:0}#national-president-flagship .header-title-bar{-webkit-box-flex:1;-ms-flex:1;flex:1}#national-president-flagship .header-title{font-size:36px;font-weight:900;text-shadow:2px 2px 8px rgba(0,0,0,.3),0 0 20px rgba(0,151,215,.3);-webkit-animation:slideDown .8s ease-out;animation:slideDown .8s ease-out;letter-spacing:.8px;color:#fff;margin:0}#national-president-flagship .header-subtitle{font-size:16px;opacity:.98;-webkit-animation:slideDown 1s ease-out .1s backwards;animation:slideDown 1s ease-out .1s backwards;letter-spacing:.4px;color:#fff;font-weight:500;margin:8px 0 0 0}#national-president-flagship .action-btn{-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);background:hsla(0,0%,100%,.15)!important;border:2px solid hsla(0,0%,100%,.3)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;border-radius:12px}#national-president-flagship .action-btn:hover{background:hsla(0,0%,100%,.25)!important;-webkit-box-shadow:0 8px 24px hsla(0,0%,100%,.3);box-shadow:0 8px 24px hsla(0,0%,100%,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}#national-president-flagship .gap-2{gap:8px}#national-president-flagship .welcome-card{background:linear-gradient(135deg,rgba(58,103,177,.95),rgba(0,151,215,.95))!important;border-radius:12px!important;overflow:hidden;-webkit-animation:slideInUp .7s cubic-bezier(.34,1.56,.64,1);animation:slideInUp .7s cubic-bezier(.34,1.56,.64,1);position:relative;-webkit-box-shadow:0 8px 24px rgba(58,103,177,.15),0 0 20px rgba(0,151,215,.08);box-shadow:0 8px 24px rgba(58,103,177,.15),0 0 20px rgba(0,151,215,.08);border:1px solid rgba(58,103,177,.2)!important;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)}#national-president-flagship .welcome-card:hover{-webkit-box-shadow:0 16px 40px rgba(58,103,177,.25),0 0 30px rgba(0,151,215,.15);box-shadow:0 16px 40px rgba(58,103,177,.25),0 0 30px rgba(0,151,215,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}#national-president-flagship .welcome-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 60%);pointer-events:none}#national-president-flagship .welcome-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 30%,hsla(0,0%,100%,.08) 0,transparent 50%);pointer-events:none}#national-president-flagship .welcome-card-content{position:relative;z-index:1}#national-president-flagship .welcome-icon-box{background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:12px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.3);box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.25);-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:56px;min-height:56px}#national-president-flagship .welcome-greeting-text{font-size:18px;font-weight:800;color:#fff;letter-spacing:.3px;text-shadow:1px 1px 4px rgba(0,0,0,.2);margin-bottom:6px;line-height:1.2}#national-president-flagship .welcome-name{background:linear-gradient(135deg,#edbe38,#ffd966);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;letter-spacing:1px}#national-president-flagship .welcome-lom,#national-president-flagship .welcome-role{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;margin:4px 0;text-transform:uppercase;letter-spacing:.3px;line-height:1.3}#national-president-flagship .welcome-lom .role-icon,#national-president-flagship .welcome-role .role-icon{opacity:.9}#national-president-flagship .form-card{border-radius:18px!important;border:2px solid rgba(58,103,177,.2);-webkit-box-shadow:0 12px 40px rgba(58,103,177,.15),0 0 30px rgba(0,151,215,.08);box-shadow:0 12px 40px rgba(58,103,177,.15),0 0 30px rgba(0,151,215,.08);-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-animation:fadeInScale .6s ease-out;animation:fadeInScale .6s ease-out;background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(245,250,255,.9));position:relative;overflow:hidden}#national-president-flagship .form-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 100% 0,rgba(0,151,215,.05) 0,transparent 70%);pointer-events:none}#national-president-flagship .form-card:hover{-webkit-box-shadow:0 20px 60px rgba(58,103,177,.25),0 0 40px rgba(0,151,215,.12);box-shadow:0 20px 60px rgba(58,103,177,.25),0 0 40px rgba(0,151,215,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}#national-president-flagship .section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,rgba(58,103,177,.08),rgba(0,151,215,.05));border-bottom:2px solid rgba(58,103,177,.1)}#national-president-flagship .section-icon{color:#3a67b1;font-size:28px;-ms-flex-negative:0;flex-shrink:0}#national-president-flagship .section-title-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}#national-president-flagship .section-title{font-size:18px;font-weight:800;color:#3a67b1;margin:0;letter-spacing:.4px;text-transform:uppercase}#national-president-flagship .section-subtitle{font-size:13px;color:#414042;margin:4px 0 0 0;font-weight:500}#national-president-flagship .info-icon{color:#edbe38;cursor:help;-webkit-transition:all .3s ease;transition:all .3s ease}#national-president-flagship .info-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2);color:#edbe38}#national-president-flagship .section-note{gap:12px;padding:12px 20px;background:rgba(0,151,215,.08);border-left:4px solid #0097d7;color:#414042;font-weight:500;border-radius:8px}#national-president-flagship .field-label,#national-president-flagship .section-note{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px}#national-president-flagship .field-label{gap:6px;font-weight:700;color:#3a67b1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}#national-president-flagship .label-icon{color:#0097d7}#national-president-flagship .text-danger{color:#ef5350;font-weight:900}#national-president-flagship .member-photo-box{border-radius:12px;overflow:hidden;-webkit-box-shadow:0 8px 20px rgba(58,103,177,.15);box-shadow:0 8px 20px rgba(58,103,177,.15);border:3px solid #0097d7;width:100px;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f8fafc;-webkit-transition:all .3s ease;transition:all .3s ease}#national-president-flagship .member-photo-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#national-president-flagship .member-photo-box:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 12px 28px rgba(58,103,177,.25);box-shadow:0 12px 28px rgba(58,103,177,.25)}#national-president-flagship .member-details{padding:8px 0}#national-president-flagship .member-name{font-size:18px;font-weight:900;color:#3a67b1;margin:0;letter-spacing:.3px}#national-president-flagship .member-designation{font-size:14px;color:#414042;margin:4px 0 0 0;font-weight:600}#national-president-flagship .table-wrapper{border-radius:16px;-webkit-box-shadow:0 12px 40px rgba(58,103,177,.2),0 0 30px rgba(0,151,215,.1);box-shadow:0 12px 40px rgba(58,103,177,.2),0 0 30px rgba(0,151,215,.1);background:linear-gradient(135deg,hsla(0,0%,100%,.99),rgba(245,250,255,.95));border:2px solid rgba(58,103,177,.15);-webkit-animation:fadeInScale .7s ease-out;animation:fadeInScale .7s ease-out;position:relative;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}#national-president-flagship .table-wrapper:hover{-webkit-box-shadow:0 16px 48px rgba(58,103,177,.25),0 0 40px rgba(0,151,215,.15);box-shadow:0 16px 48px rgba(58,103,177,.25),0 0 40px rgba(0,151,215,.15)}#national-president-flagship .professional-table{background:transparent}#national-president-flagship .professional-table thead tr{background:linear-gradient(135deg,rgba(58,103,177,.08),rgba(0,151,215,.05))}#national-president-flagship .professional-table thead tr th{font-size:13px!important;font-weight:800!important;color:#3a67b1!important;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid rgba(58,103,177,.2)!important;padding:16px!important;background:transparent!important}#national-president-flagship .professional-table tbody tr{border-bottom:1px solid rgba(58,103,177,.08)!important;-webkit-transition:all .2s ease;transition:all .2s ease}#national-president-flagship .professional-table tbody tr:hover{background:rgba(0,151,215,.03)!important}#national-president-flagship .professional-table tbody tr td{font-size:14px;color:#0a0f29;padding:14px 16px!important;font-weight:500}#national-president-flagship .table-empty-state-wrapper{padding:0!important}#national-president-flagship .table-empty-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:50px 24px;gap:16px;background:linear-gradient(135deg,rgba(58,103,177,.03),rgba(0,151,215,.03));border-radius:14px;border:3px dashed rgba(58,103,177,.2);-webkit-animation:fadeInScale .6s ease-out;animation:fadeInScale .6s ease-out}#national-president-flagship .table-empty-state .empty-icon{color:rgba(58,103,177,.3);-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite}#national-president-flagship .table-empty-state p{font-size:16px;font-weight:700;color:#414042;margin:0;letter-spacing:.3px}#national-president-flagship .table-empty-state .add-btn{background:#3a67b1!important;color:#fff!important;padding:8px 20px;border-radius:8px;font-weight:700}#national-president-flagship .image-table-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px}#national-president-flagship .image-preview-box{border-radius:12px;border:2px solid rgba(58,103,177,.2);padding:12px;background:#f8fafc;min-height:160px}#national-president-flagship .image-preview-box,#national-president-flagship .preview-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}#national-president-flagship .preview-empty{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#national-president-flagship .modern-action-btn{background:hsla(0,0%,100%,.15)!important;border:2px solid hsla(0,0%,100%,.3)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-box-shadow:0 8px 32px rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.1)}#national-president-flagship .modern-action-btn:hover{background:hsla(0,0%,100%,.25)!important;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 40px rgba(0,0,0,.2);box-shadow:0 12px 40px rgba(0,0,0,.2)}#national-president-flagship .modern-action-btn:active{-webkit-transform:translateY(-2px);transform:translateY(-2px)}#national-president-flagship .table-image{border-radius:8px;border:2px solid rgba(58,103,177,.2);-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;max-width:120px;max-height:120px}#national-president-flagship .table-image:hover{-webkit-transform:scale(1.08);transform:scale(1.08);-webkit-box-shadow:0 8px 20px rgba(58,103,177,.2);box-shadow:0 8px 20px rgba(58,103,177,.2)}#national-president-flagship .action-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#national-president-flagship .action-buttons .v-btn{-webkit-transition:all .2s ease;transition:all .2s ease}#national-president-flagship .action-icon-btn,#national-president-flagship .action-table-btn{-webkit-transition:all .3s ease;transition:all .3s ease}#national-president-flagship .action-icon-btn:hover,#national-president-flagship .action-table-btn:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}#national-president-flagship .submit-btn{background:linear-gradient(135deg,#3a67b1,#0097d7)!important;color:#fff!important;font-weight:800;font-size:16px;padding:14px 48px!important;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;-webkit-box-shadow:0 12px 40px rgba(58,103,177,.3)!important;box-shadow:0 12px 40px rgba(58,103,177,.3)!important;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent}#national-president-flagship .submit-btn:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 16px 50px rgba(58,103,177,.4)!important;box-shadow:0 16px 50px rgba(58,103,177,.4)!important}#national-president-flagship .submit-btn:disabled{opacity:.6;cursor:not-allowed}#national-president-flagship .page-content{padding:20px}@media(max-width:960px){#national-president-flagship .header-card{margin:0 -15px 20px -15px}#national-president-flagship .form-card{border-radius:12px}}@media(max-width:600px){#national-president-flagship .header-title{font-size:24px}#national-president-flagship .header-subtitle{font-size:13px}#national-president-flagship .action-btn{padding:6px!important}#national-president-flagship .form-card{margin-bottom:16px}#national-president-flagship .section-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:16px}#national-president-flagship .section-icon{font-size:24px}#national-president-flagship .section-title{font-size:16px}#national-president-flagship .table-wrapper{margin:0 -15px;border-radius:0}#national-president-flagship .table-empty-state{padding:30px 16px}}.v-tooltip__content{background:rgba(58,103,177,.95)!important;-webkit-box-shadow:0 8px 20px rgba(0,0,0,.2);box-shadow:0 8px 20px rgba(0,0,0,.2);border-radius:8px}.tooltip-inner{background-color:#3a67b1!important;border-radius:8px}