@charset "UTF-8";.main-layout{display:flex;min-height:100vh;background:#f8fafc;--sidebar-width: 50px}@media (min-width: 769px){.main-layout:has(.sidebar:not(.collapsed)){--sidebar-width: 50px}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:50px;background:#ffffff;color:#2d3748;box-shadow:2px 0 10px #0000000d;border-right:1px solid #e2e8f0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1001;display:flex;flex-direction:column;overflow:hidden}.sidebar:not(.collapsed){width:280px;box-shadow:2px 0 20px #0003;z-index:1002}.sidebar.collapsed{width:50px}.sidebar.open{width:280px}.sidebar-header{border-bottom:1px solid #e2e8f0;display:flex;align-items:center;min-height:50px;padding:0}.sidebar-toggle{background:none;border:none;color:#4a5568;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle:hover{background-color:#f7fafc}.sidebar-logo{display:flex;align-items:center;font-weight:700;font-size:1.125rem;min-height:50px;flex:1;padding-right:1rem}.logo-text{font-size:1.25rem;font-weight:600;white-space:nowrap;opacity:1;max-width:200px;overflow:hidden;padding-right:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(0)}.sidebar.collapsed .logo-text{opacity:0;max-width:0;padding-right:0;transform:translate(-10px)}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:18px;height:14px;position:relative}.hamburger span{width:100%;height:2px;background-color:#4a5568;border-radius:1px;transition:all .3s ease;transform-origin:center}.sidebar:not(.collapsed) .hamburger span:nth-child(1),.sidebar.open .hamburger span:nth-child(1){transform:translateY(6px) rotate(45deg)}.sidebar:not(.collapsed) .hamburger span:nth-child(2),.sidebar.open .hamburger span:nth-child(2){opacity:0;transform:scaleX(0)}.sidebar:not(.collapsed) .hamburger span:nth-child(3),.sidebar.open .hamburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.sidebar-backdrop{position:fixed;top:0;left:50px;width:calc(100% - 50px);height:100vh;background-color:transparent;z-index:999;opacity:1;visibility:visible;transition:all .3s ease;pointer-events:auto}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;min-height:0}.sidebar.collapsed .sidebar-nav{overflow-y:hidden!important;overflow-x:hidden!important}.nav-item{position:relative;display:flex;align-items:center;color:#4a5568;text-decoration:none;transition:all .2s ease;min-height:44px;height:44px;margin-bottom:.125rem}.nav-item:hover{background-color:#f7fafc;color:#2d3748}.nav-item.active{background-color:#16a34a;color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#4299e1}.nav-icon{width:50px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:none;min-width:50px;max-width:50px}.nav-text,.menu-label{font-weight:500;white-space:nowrap;padding:.625rem 1rem .625rem 0;opacity:1;max-width:200px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(0)}.sidebar.collapsed .nav-text,.sidebar.collapsed .menu-label{opacity:0;max-width:0;padding-left:0;padding-right:0;transform:translate(-10px);transition-delay:0s}.nav-tooltip,.menu-tooltip{position:absolute;left:55px;top:50%;transform:translateY(-50%);background-color:#333;color:#fff;padding:.5rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1001;pointer-events:none}.nav-tooltip:before,.menu-tooltip:before{content:"";position:absolute;top:50%;left:-5px;transform:translateY(-50%);border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent}.sidebar.collapsed .nav-item:hover .nav-tooltip,.sidebar.collapsed .nav-item:hover .menu-tooltip{opacity:1;visibility:visible}.sidebar-footer{padding:1rem;border-top:1px solid #e2e8f0;text-align:center;transition:all .3s ease;flex-shrink:0;margin-top:auto}.footer-info{transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;max-height:60px;overflow:hidden;transform:translateY(0)}.footer-text{font-size:.75rem;color:#718096;margin-bottom:.25rem}.footer-version{font-size:.7rem;color:#a0aec0}.sidebar.collapsed .sidebar-footer{padding:.25rem 0}.sidebar.collapsed .footer-info{opacity:0;max-height:0;transform:translateY(-10px)}.user-section{border-top:1px solid #e2e8f0}.logout-btn{background:none;border:none;color:#718096;cursor:pointer;padding:0;border-radius:6px;transition:background-color .3s ease;display:flex;align-items:center;width:100%;min-height:48px}.logout-btn:hover{background:#fee2e2;color:#e53e3e}.logout-icon{width:50px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:50px;max-width:50px}.logout-text{font-weight:500;white-space:nowrap;padding:.75rem 1rem .75rem 0;opacity:1;max-width:200px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(0)}.sidebar.collapsed .logout-text{opacity:0;max-width:0;transform:translate(-10px)}.main-content{flex:1;min-height:100vh;display:flex;flex-direction:column;background:transparent}.main-header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;height:50px;box-shadow:0 2px 20px #0000001a;border-bottom:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:1000;width:100%}.header-content{margin:0 auto;padding:0 5px;height:50px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0;overflow:hidden}.header-logo{height:65px;width:auto;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.header-menu-toggle{background:none;border:none;color:#667eea;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.header-menu-toggle:hover{background:rgba(102,126,234,.1)}.page-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.header-right{display:flex;align-items:center;margin-right:20px;gap:1rem}.header-actions{display:flex;align-items:center;gap:.5rem}.header-title{font-size:1.25rem;font-weight:600;color:#2c3e50;margin:0}.user-greeting{color:#6c757d;font-size:.875rem;font-weight:500;font-family:Times New Roman,Times,serif!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.user-avatar-header{width:32px;height:32px;border-radius:50%;background:#667eea;color:#fff;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.user-avatar-header:hover{background:#5a67d8;transform:scale(1.05)}.mobile-avatar{display:none;width:32px;height:32px;border-radius:50%;background:#667eea;color:#fff;font-weight:600;font-size:.875rem;align-items:center;justify-content:center}.app-container{margin:0 auto;width:100%;box-sizing:border-box}.nha-thoi-vu-filter-mobile-btn,.mobile-overlay{display:none}.content-area{flex:1;background:transparent;box-sizing:border-box}@media (min-width: 769px){.content-area{margin-left:var(--sidebar-width);transition:margin-left .3s ease;max-width:calc(100vw - var(--sidebar-width))}}@media (min-width: 769px){.sidebar:not(.collapsed)+.main-content .content-area{margin-left:50px}}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:280px;top:0;height:100vh;z-index:2000}.sidebar.open{transform:translate(0);box-shadow:2px 0 20px #00000080}.sidebar.open .nav-text,.sidebar.open .logout-text,.sidebar.open .logo-text,.sidebar.open .footer-info{opacity:1!important;max-width:200px!important;transform:none!important;display:block!important;visibility:visible!important;padding-right:1rem!important}.sidebar.open .sidebar-footer{padding:1rem!important}.content-area{margin-left:0!important;max-width:100vw!important}.main-layout{--sidebar-width: 0px}.header-menu-toggle{display:flex}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;display:block}.header-content{padding:0 .75rem;justify-content:space-between;width:100%}.header-left{gap:.4rem;flex:1;min-width:0;width:100%}.header-logo{height:45px}.nav-tooltip{display:none}.header-title{font-size:calc(12px + 2vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;max-font-size:18px}@media (max-width: 768px){.header-title{font-size:clamp(12px,calc(8px + 3vw),20px)}}@media (max-width: 480px){.header-title{font-size:clamp(11px,calc(6px + 4vw),18px)}}@media (max-width: 360px){.header-title{font-size:clamp(10px,calc(4px + 5vw),16px)}}@media (min-width: 769px){.header-title{font-size:1.25rem}}@supports (container-type: inline-size){.header-left{container-type:inline-size}@container (max-width: 400px){.header-title{font-size:clamp(10px,4cqw,16px)}}@container (max-width: 300px){.header-title{font-size:clamp(9px,5cqw,14px)}}}.header-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;flex:1;min-width:0}.header-menu-toggle{flex-shrink:0;width:40px;height:40px}.header-logo{flex-shrink:0}.user-greeting,.user-avatar-header,.mobile-avatar{display:none}.user-info-mobile{display:flex}.app-container{width:100vw;max-width:100vw;margin:0;box-sizing:border-box}.dktv-header{padding:8px 0;box-shadow:none;border-radius:0}.dktv-header h2{display:none}.dktv-controls{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;padding:0;justify-content:space-between}.add-candidate-btn{min-width:40px;max-width:40px;height:40px;padding:0;justify-content:center;background:#28a745;border-radius:6px;color:#fff;font-size:0;display:flex;align-items:center;gap:0}.add-candidate-btn>svg{width:24px;height:24px;color:#fff}.search-container{flex:1;min-width:0;margin:0;max-width:calc(100% - 100px)}.search-input{font-size:14px;padding:8px 8px 8px 36px;border-radius:6px;width:100%}.nha-thoi-vu-filter{display:none!important}.nha-thoi-vu-filter-mobile-btn{display:flex;min-width:40px;max-width:40px;height:40px;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;justify-content:center;cursor:pointer;margin-left:0;color:#667eea;transition:all .3s ease}.nha-thoi-vu-filter-mobile-btn:hover{background:rgba(102,126,234,.1);border-color:#667eea}.nha-thoi-vu-filter-mobile-btn>svg{width:22px;height:22px;color:#667eea}.nha-thoi-vu-modal-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:2000;display:flex;align-items:center;justify-content:center}.nha-thoi-vu-modal-content-mobile{background:#fff;border-radius:10px;box-shadow:0 2px 12px #00000026;padding:16px;min-width:220px;max-width:90vw;max-height:80vh;overflow-y:auto;position:relative}.nha-thoi-vu-modal-content-mobile h4{font-size:1.1rem;margin-bottom:12px;color:#2c3e50}.nha-thoi-vu-modal-list-mobile{list-style:none;padding:0;margin:0}.nha-thoi-vu-modal-list-mobile li{padding:10px 0;border-bottom:1px solid #eee;cursor:pointer;color:#374151;font-size:1rem;transition:background .2s}.nha-thoi-vu-modal-list-mobile li:last-child{border-bottom:none}.nha-thoi-vu-modal-list-mobile li:hover,.nha-thoi-vu-modal-list-mobile li.selected{background:#f0f4ff;color:#667eea}.nha-thoi-vu-modal-close-mobile{position:absolute;top:10px;right:16px;background:none;border:none;font-size:1.5rem;color:#667eea;cursor:pointer}}.user-info-mobile{display:none;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1);gap:.75rem}@media (min-width: 769px){.user-greeting{display:block!important}.user-avatar-header{display:flex!important}.mobile-avatar,.user-info-mobile{display:none!important}}.user-avatar-sidebar{width:32px;height:32px;border-radius:50%;background:#667eea;color:#fff;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-greeting-sidebar{color:#374151;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:left center;font-family:Times New Roman,Times,serif!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.user-greeting-sidebar.visible{opacity:1;transform:translate(0) scaleX(1);width:auto}.user-greeting-sidebar.hidden{opacity:0;transform:translate(-20px) scaleX(0);width:0;overflow:hidden}.sidebar-nav:has(.nav-item:only-child){justify-content:flex-start}@media (max-width: 768px){.sidebar.vendor-mode{background:rgba(102,126,234,.98)}.sidebar.vendor-mode .nav-item{color:#fff;font-weight:500}.sidebar.vendor-mode .nav-item:hover{background:rgba(255,255,255,.2)}.sidebar.vendor-mode .nav-item.active{background:rgba(255,255,255,.3)}.user-info-mobile{display:flex}.sidebar.vendor-mode .user-info-mobile{background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.2)}.sidebar.vendor-mode .user-avatar-sidebar{background:rgba(255,255,255,.9);color:#667eea}.sidebar.vendor-mode .user-greeting-sidebar{color:#fff}}.hp-wrapper{display:flex;flex-direction:column;gap:0;min-height:100%;background:transparent}.hp-toolbar{display:flex;align-items:center;gap:12px;padding:14px 20px 10px;flex-wrap:wrap}.hp-filter-tabs{display:flex;gap:6px;flex-shrink:0}.hp-toolbar-filter-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;border:1.5px solid #d1d5db;background:#fff;color:#374151;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .18s;white-space:nowrap}.hp-toolbar-filter-btn:hover{border-color:#16a34a;color:#16a34a}.hp-toolbar-filter-btn.active{background:#16a34a;border-color:#16a34a;color:#fff}.hp-toolbar-search{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;max-width:420px;background:#fff;border:1.5px solid #d1d5db;border-radius:20px;padding:6px 14px;color:#6b7280;transition:border-color .18s}.hp-toolbar-search:focus-within{border-color:#16a34a;color:#16a34a}.hp-toolbar-search input{border:none;outline:none;flex:1;font-size:.82rem;color:#111827;background:transparent}.hp-toolbar-search input::-moz-placeholder{color:#9ca3af}.hp-toolbar-search input::placeholder{color:#9ca3af}.hp-content{padding:6px 20px 30px;display:flex;flex-direction:column;gap:28px}.hp-group{display:flex;flex-direction:column;gap:12px}.hp-group-title{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#16a34a;display:flex;align-items:center;gap:8px}.hp-group-title:before{content:"";display:inline-block;width:3px;height:14px;border-radius:2px;background:#16a34a;flex-shrink:0}.hp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hp-card{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:box-shadow .18s,border-color .18s,transform .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.hp-card:hover{box-shadow:0 4px 18px #16a34a1a;border-color:#86efac;transform:translateY(-2px)}.hp-card:focus-visible{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a2e}.hp-card-icon{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-card-icon--blue{background:#eff6ff;color:#2563eb}.hp-card-icon--green{background:#f0fdf4;color:#16a34a}.hp-card-icon--orange{background:#fff7ed;color:#ea580c}.hp-card-icon--purple{background:#faf5ff;color:#9333ea}.hp-card-icon--teal{background:#f0fdfa;color:#0d9488}.hp-card-icon--red{background:#fff1f2;color:#e11d48}.hp-card-icon--indigo{background:#eef2ff;color:#4f46e5}.hp-card-icon--pink{background:#fdf2f8;color:#db2777}.hp-card-icon--cyan{background:#ecfeff;color:#0891b2}.hp-card-icon--yellow{background:#fefce8;color:#ca8a04}.hp-card-icon--gray{background:#f9fafb;color:#4b5563}.hp-card-body{flex:1;min-width:0}.hp-card-name{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.hp-card-desc{font-size:.75rem;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-card-star{position:absolute;top:8px;right:28px;background:none;border:none;cursor:pointer;padding:2px;color:#d1d5db;display:flex;align-items:center;transition:color .15s,transform .15s;opacity:0;border-radius:4px}.hp-card:hover .hp-card-star,.hp-card-star.starred{opacity:1}.hp-card-star:hover,.hp-card-star.starred{color:#f59e0b;transform:scale(1.2)}.hp-card-help{position:absolute;top:8px;right:8px;color:#d1d5db;display:flex;align-items:center;opacity:0;transition:opacity .15s;cursor:help}.hp-card:hover .hp-card-help{opacity:1}.hp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#9ca3af;text-align:center}.hp-empty p{font-size:.9rem}@media (max-width: 1100px){.hp-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.hp-toolbar{flex-direction:column;align-items:flex-start}.hp-toolbar-search{width:100%;max-width:100%}.hp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.hp-grid{grid-template-columns:1fr}}.about-wrapper{padding:0;min-height:100%;background:#f5f6fa}.about-hero{background:linear-gradient(135deg,#064e3b 0%,#059669 60%,#10b981 100%);padding:30px 52px 26px;color:#fff;display:flex;align-items:center;gap:24px}.about-hero-logo{width:72px;height:72px;border-radius:20px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;border:2px solid rgba(255,255,255,.25);background:rgba(255,255,255,.15);padding:6px}.about-hero-info{flex:1}.about-hero-title{font-size:26px;font-weight:800;line-height:1.2;margin-bottom:4px;letter-spacing:-.5px}.about-hero-subtitle{font-size:14px;opacity:.85;margin-bottom:12px}.about-hero-badges{display:flex;flex-wrap:wrap;gap:8px}.about-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:600;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);color:#fff}.about-badge--green{background:rgba(34,197,94,.25);border-color:#22c55e66}.about-badge--yellow{background:rgba(234,179,8,.25);border-color:#eab30866}.about-badge--blue{background:rgba(59,130,246,.3);border-color:#3b82f680}.about-content{padding:12px 12px 0;display:flex;flex-direction:column;gap:12px}.about-card{background:#fff;border:1px solid #e8eaed;border-radius:14px;overflow:hidden}.about-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #f0f2f5;background:#fafbfc}.about-card-header-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-card-header-icon--blue{background:#eff2ff;color:#3b5bdb}.about-card-header-icon--green{background:#ebfbee;color:#2f9e44}.about-card-header-icon--purple{background:#f3f0ff;color:#7048e8}.about-card-header-icon--orange{background:#fff4e6;color:#e8590c}.about-card-header-icon--red{background:#fff5f5;color:#e03131}.about-card-header-icon--teal{background:#e6fcf5;color:#0ca678}.about-card-header-icon--gray{background:#f3f4f6;color:#6b7280}.about-card-header-title{font-size:14px;font-weight:700;color:#111827;flex:1}.about-card-body{padding:18px 20px}.about-dev-profile{display:flex;align-items:center;gap:16px;margin-bottom:16px}.about-dev-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0}.about-dev-name{font-size:16px;font-weight:700;color:#111827;margin-bottom:2px}.about-dev-role{font-size:12.5px;color:#6b7280}.about-info-list{display:flex;flex-direction:column;gap:0}.about-info-row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid #f3f4f6}.about-info-row:last-child{border-bottom:none}.about-info-label{font-size:12.5px;color:#9ca3af;min-width:140px;flex-shrink:0;padding-top:1px}.about-info-value{font-size:13px;color:#111827;font-weight:500;flex:1;word-break:break-all}.about-info-value a{color:#059669;text-decoration:none}.about-info-value a:hover{text-decoration:underline}.about-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-link-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef;text-decoration:none;color:inherit;transition:background .15s,border-color .15s;cursor:pointer}.about-link-item:hover{background:#ecfdf5;border-color:#6ee7b7}.about-link-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.about-link-icon--blue{background:#eff2ff;color:#3b5bdb}.about-link-icon--green{background:#ebfbee;color:#2f9e44}.about-link-icon--orange{background:#fff4e6;color:#e8590c}.about-link-icon--purple{background:#f3f0ff;color:#7048e8}.about-link-icon--teal{background:#e6fcf5;color:#0ca678}.about-link-icon--red{background:#fff5f5;color:#e03131}.about-link-icon--yellow{background:#fffbe6;color:#d9a800}.about-link-icon--gray{background:#f3f4f6;color:#6b7280}.about-link-name{font-size:13px;font-weight:600;color:#111827;margin-bottom:1px}.about-link-desc{font-size:11.5px;color:#9ca3af}.about-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;align-items:start}.about-col-left,.about-col-right{display:flex;flex-direction:column;gap:12px}.about-info-list--mt{margin-top:18px}.about-link-grid--single{display:grid;grid-template-columns:1fr;gap:10px}.about-link-item--static{cursor:default}.about-link-item--static:hover{background:#f8f9fa;border-color:#e9ecef}.about-footer{text-align:center;padding:20px;color:#9ca3af;font-size:12px;line-height:1.8;border-top:1px solid #e8eaed;background:#fff;margin-top:4px}.about-footer strong{color:#374151}.about-footer-version{margin-top:4px}.about-footer-link{color:#059669;text-decoration:none}.about-footer-link:hover{text-decoration:underline}@media (max-width: 768px){.about-hero{flex-direction:column;align-items:flex-start;padding:24px 16px 20px;gap:16px}.about-content{padding:16px 12px 32px}.about-main-grid,.about-link-grid{grid-template-columns:1fr}.about-info-label{min-width:110px}}.coming-soon-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px;background:linear-gradient(135deg,#f0f4ff 0%,#e0e7ff 100%);border-radius:12px;margin:20px}.coming-soon-content{text-align:center;background:white;padding:48px 40px;border-radius:16px;box-shadow:0 10px 40px #0000001a;width:100%}.coming-soon-icon{color:#f59e0b;margin-bottom:16px}.coming-soon-title{font-size:22px;font-weight:700;color:#111827;margin:0 0 12px}.coming-soon-message{font-size:14px;color:#374151;margin:0 0 8px;line-height:1.6}.coming-soon-hint{font-size:13px;color:#9ca3af;margin:0}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%)}.app-loading-spinner{width:64px;height:64px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}.app-redirect-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%)}.app-redirect-content{text-align:center;color:#fff}.app-redirect-spinner{width:64px;height:64px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.app-redirect-text{font-size:1.1rem;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body{font-family:Times New Roman,Times,serif!important;line-height:1.6;color:#333;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);min-height:100vh;overflow-x:hidden}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.app-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.app-btn-primary{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);color:#fff}.app-btn-primary:hover{background:linear-gradient(135deg,#14532d 0%,#14532d 100%)}a{color:#16a34a;text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;font-family:inherit}