body,html{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-top:0;margin-bottom:1em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.ant-table-wrapper,.ant-table-wrapper .ant-table-container,.ant-table-wrapper .ant-table-content,.caseTable,.mobileTable{overflow:visible!important}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-xs:12px;--font-sm:14px;--font-base:16px;--font-lg:18px;--font-xl:20px;--font-2xl:24px;--font-3xl:32px;--color-primary:#30b2ce;--color-primary-hover:#2a9bb8;--color-text:#111827;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--color-bg:#f9fafb;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1)}@tailwind base;@tailwind components;@tailwind utilities;.container-responsive{max-width:1200px;margin:0 auto;padding:0 16px}@media (max-width:768px){.container-responsive{padding:0 16px}}@media (max-width:480px){.container-responsive{padding:0 12px}}.mobile-spacing{margin-bottom:16px}@media (max-width:768px){.mobile-spacing{margin-bottom:12px}}.mobile-search{margin-bottom:24px}@media (max-width:768px){.mobile-search{margin-bottom:16px}}.table-container{margin-bottom:24px}@media (max-width:768px){.table-container{margin-bottom:16px}}.mobile-pagination{margin-top:24px}@media (max-width:768px){.mobile-pagination{margin-top:16px}}.responsive-select{min-width:80px}@media (max-width:480px){.responsive-select{min-width:70px}}.clickable-text{color:#30b2ce;cursor:pointer;transition:color .3s ease}.clickable-text.clicked,.clickable-text:hover{color:#fa541c}.breadcrumb-container{margin-bottom:24px;padding:16px 0}@media (max-width:768px){.breadcrumb-container{margin-bottom:16px;padding:12px 0}}.detail-page{padding:24px 0}@media (max-width:768px){.detail-page{padding:16px 0}}.detail-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,.03),0 1px 6px -1px rgba(0,0,0,.02),0 2px 4px 0 rgba(0,0,0,.02);margin-bottom:24px}@media (max-width:768px){.detail-card{margin-bottom:16px}}.responsive-table{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:768px){.responsive-table{margin:0 -16px}}.btn-primary{background-color:#30b2ce;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.btn-primary:hover{background-color:#fa541c}.btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #d9d9d9;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background-color:#e6e6e6;border-color:#30b2ce;color:#30b2ce}.tag-blue{background-color:#e6f7ff;color:#30b2ce;border:1px solid #91d5ff;border-radius:4px}.tag-blue,.tag-orange{padding:2px 8px;font-size:12px}.tag-orange{background-color:#fff7e6;color:#fa541c;border:1px solid #ffd591;border-radius:4px}.loading-container{display:flex;justify-content:center;align-items:center;padding:40px 0}.empty-container{text-align:center;padding:40px 0;color:#8c8c8c}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:hidden;background-color:#333;color:#fff;text-align:center;padding:8px 12px;border-radius:4px;font-size:12px;position:absolute;z-index:1000;bottom:125%;left:50%;transform:translateX(-50%);white-space:nowrap}.tooltip-container:hover .tooltip-text{visibility:visible}.qr-container{margin:24px 0}.qr-code,.qr-container{display:flex;justify-content:center}.qr-code{width:128px;height:128px;background-color:#f5f5f5;border-radius:8px;align-items:center;color:#8c8c8c}.explanation-text{color:#666;line-height:1.6;margin:16px 0}.highlight-text{color:#fa541c;font-weight:700}.divider-custom{margin:24px 0;border:none;border-top:1px solid #f0f0f0}@media (max-width:768px){.divider-custom{margin:16px 0}}.grid-responsive{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}@media (min-width:768px){.grid-responsive{grid-template-columns:2fr 1fr}}@media (min-width:1024px){.grid-responsive{grid-template-columns:2fr 1fr;gap:32px}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-style{color:#30b2ce;text-decoration:none;transition:color .3s ease}.link-style:hover{color:#fa541c;text-decoration:underline}.status-tag{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-pending{background-color:#fff7e6;color:#faad14;border:1px solid #ffd591}.status-completed{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-in-progress{background-color:#e6f7ff;color:#2a9bb8;border:1px solid #91d5ff}@media (max-width:480px){.btn-primary,.btn-secondary{padding:6px 12px;font-size:14px}.tag-blue,.tag-orange{font-size:11px;padding:1px 6px}.status-tag{font-size:11px;padding:2px 6px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}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-color:#f9fafb;color:#111827;line-height:1.6}@media (max-width:639px){.mobile-optimized{padding:var(--spacing-md) 0}.mobile-card-spacing{margin-bottom:var(--spacing-md)}.mobile-button-group{gap:var(--spacing-md)}.mobile-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.case-list-content{width:100%}.table-container{width:100%;-webkit-overflow-scrolling:touch;margin:0;padding:0 20px}.mobile-search,.mobile-spacing{width:100%;overflow:visible;margin-bottom:var(--spacing-md)}.mobile-pagination{width:100%;overflow:visible;margin-top:var(--spacing-lg)}.mobile-title-spacing{width:100%;overflow:visible;margin-bottom:var(--spacing-lg);padding:0}.table-container .ant-table-wrapper{overflow-x:auto;margin-left:-12px;margin-right:-12px}.table-container .ant-table{min-width:800px;padding-left:4px}body{overflow-x:hidden;overflow-y:auto}.case-list-content>:not(.table-container){overflow:visible;width:100%;padding:0}.table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.case-list-content{background:transparent;margin:0}.mobile-title-spacing h1{font-size:20px;line-height:1.4;margin-bottom:16px;color:#1f2937}.responsive-notice{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:12px;margin-bottom:16px}.responsive-notice-text{font-size:14px;line-height:1.5;color:#1565c0;margin-bottom:8px}.responsive-notice-text:last-child{margin-bottom:0}.responsive-notice-number{color:#1976d2;font-weight:600}.mobile-pagination,.mobile-search,.mobile-spacing{background:transparent;padding:0;box-shadow:none}.mobile-optimized{min-height:auto}.container-responsive,.mobile-optimized{background:transparent;height:auto;overflow:visible}.mobile-spacing+.mobile-spacing{margin-top:16px}body,html{height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#__next{height:auto;overflow:visible}.case-list-content{min-height:100vh;padding:0 20px}.case-list-content,.mobile-optimized,.mobile-pagination,.mobile-search,.mobile-spacing,.mobile-title-spacing,.pageContainer{height:auto;overflow:visible;position:relative}.tableScrollHint{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:8px 12px;margin:12px 0;text-align:center;color:#856404;font-size:12px}.responsive-select{background:#fff;border:1px solid #d1d5db;border-radius:6px}.ant-btn{font-weight:500}.ant-btn,.ant-input,.ant-select-selector{border-radius:6px}.ant-card{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-pagination,.mobile-search,.mobile-spacing,.mobile-title-spacing,.responsive-notice,.responsive-title{overflow:hidden!important;width:100%!important}.table-container .ant-table,.table-container .ant-table-container,.table-container .ant-table-wrapper{overflow:visible!important}body,html{overflow-x:hidden!important}.app-footer{padding:24px 0 16px}.footer-section-title{font-size:16px;margin-bottom:8px;padding-left:8px}.company-info{margin-bottom:8px}.company-description{margin-bottom:8px;font-size:14px}.footer-links{gap:6px}.footer-link{font-size:14px;padding:2px 0}.contact-info{gap:6px}.contact-text{font-size:13px;line-height:1.3}.copyright{margin-top:16px;padding-top:16px}.copyright-text{font-size:12px}}.mobile-touch-friendly{min-height:var(--spacing-2xl);padding:var(--spacing-md) var(--spacing-lg)}.mobile-text{font-size:var(--font-base);line-height:1.6}.responsive-notice{margin:var(--spacing-lg) calc(-1 * var(--spacing-xs))!important;padding:var(--spacing-md)!important;border-radius:var(--radius-lg)!important}@media (max-width:480px){.container-responsive{padding:0 var(--spacing-md)}.mobile-optimized{padding:var(--spacing-md) 0}.responsive-notice{margin:var(--spacing-md) calc(-1 * var(--spacing-xs) / 2);padding:var(--spacing-md)}.mobile-search{margin-bottom:var(--spacing-sm)}.mobile-title-spacing{margin-bottom:var(--spacing-sm)!important}.mobile-optimized{padding:var(--spacing-sm) 0}.mobile-card-spacing{margin-bottom:var(--spacing-sm)}.mobile-pagination{margin-top:var(--spacing-md)}}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.grid{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.min-h-screen{min-height:100vh}.flex-1{flex:1 1}.text-center{text-align:center}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.rounded-lg{border-radius:var(--radius-md)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-900{background-color:#111827}.text-white{color:#fff}.text-gray-600{color:#4b5563}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.font-medium{font-weight:500}.cursor-pointer{cursor:pointer}.transition-all{transition:all .2s}.duration-200{transition-duration:.2s}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.hover\:bg-primary-700:hover{background-color:#1d4ed8}.hover\:bg-gray-300:hover{background-color:#d1d5db}.space-x-2>*+*{margin-left:var(--spacing-xs)}.space-x-4>*+*{margin-left:var(--spacing-md)}.space-x-8>*+*{margin-left:var(--spacing-xl)}.space-y-2>*+*{margin-top:var(--spacing-xs)}.space-y-3>*+*{margin-top:calc(var(--spacing-xs) + var(--spacing-xs) / 2)}.space-y-4>*+*{margin-top:var(--spacing-md)}.gap-2{gap:var(--spacing-xs)}.gap-4{gap:var(--spacing-md)}.gap-6{gap:var(--spacing-lg)}.gap-8{gap:var(--spacing-xl)}.h-6{height:var(--spacing-lg)}.h-8{height:var(--spacing-xl)}.h-12{height:calc(var(--spacing-xl) + var(--spacing-lg))}.h-16{height:var(--spacing-2xl)}.h-24{height:calc(var(--spacing-2xl) + var(--spacing-xl))}.w-6{width:var(--spacing-lg)}.w-8{width:var(--spacing-xl)}.w-12{width:calc(var(--spacing-xl) + var(--spacing-lg))}.w-16{width:var(--spacing-2xl)}.w-24{width:calc(var(--spacing-2xl) + var(--spacing-xl))}.w-full{width:100%}.w-3\/4{width:75%}.w-5\/6{width:83.333333%}.w-4\/6{width:66.666667%}.w-3\/5{width:60%}.w-4\/5{width:80%}.p-2{padding:var(--spacing-xs)}.p-6{padding:var(--spacing-lg)}.px-2{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-3{padding-left:calc(var(--spacing-xs) + var(--spacing-xs) / 2);padding-right:calc(var(--spacing-xs) + var(--spacing-xs) / 2)}.px-4{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-1{padding-top:calc(var(--spacing-xs) / 2);padding-bottom:calc(var(--spacing-xs) / 2)}.py-2{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-3{padding-top:calc(var(--spacing-xs) + var(--spacing-xs) / 2);padding-bottom:calc(var(--spacing-xs) + var(--spacing-xs) / 2)}.py-4{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-6{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-8{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-12{padding-top:calc(var(--spacing-xl) + var(--spacing-lg));padding-bottom:calc(var(--spacing-xl) + var(--spacing-lg))}.text-xs{font-size:var(--font-xs);line-height:var(--spacing-md)}.text-sm{font-size:var(--font-sm);line-height:calc(var(--spacing-md) + var(--spacing-xs) / 2)}.text-lg{font-size:var(--font-lg)}.text-lg,.text-xl{line-height:calc(var(--spacing-lg) + var(--spacing-xs) / 2)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl);line-height:var(--spacing-xl)}.text-3xl{font-size:var(--font-3xl);line-height:calc(var(--spacing-xl) + var(--spacing-xs) / 2)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-300{color:#d1d5db}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-gray-800{border-color:#1f2937}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:calc(var(--radius-sm) + var(--radius-sm) / 2)}.rounded-full{border-radius:9999px}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:text-gray-700:hover{color:#374151}.hover\:text-gray-900:hover{color:#111827}.hover\:text-white:hover{color:#fff}.hover\:bg-red-50:hover{background-color:#fef2f2}.transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.underline{text-decoration:underline}.leading-relaxed{line-height:1.625}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.responsive-title{font-size:var(--font-xl);line-height:1.2;font-weight:600;margin-bottom:var(--spacing-sm);word-wrap:break-word;overflow-wrap:break-word}@media (min-width:640px){.responsive-title{font-size:var(--font-2xl)}}@media (min-width:1024px){.responsive-title{font-size:var(--font-3xl)}}.responsive-notice{background-color:#fff7e6;border:1px solid #ffd591;border-radius:8px;padding:12px 16px;margin-top:16px;margin-bottom:16px}@media (max-width:480px){.responsive-notice{padding:8px 12px;margin-top:12px;margin-bottom:12px}}@media (min-width:640px){.responsive-notice{padding:16px 20px}}.responsive-notice-text{color:#ff9600;font-size:12px;line-height:1.5;margin-bottom:8px}@media (max-width:480px){.responsive-notice-text{font-size:11px;line-height:1.4;margin-bottom:6px}}@media (min-width:640px){.responsive-notice-text{font-size:14px;line-height:1.6}}.responsive-notice-number{font-size:14px}@media (max-width:480px){.responsive-notice-number{font-size:12px}}@media (min-width:640px){.responsive-notice-number{font-size:16px}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-1{grid-column:span 1/span 1}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.app-header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);border-bottom:1px solid #f0f0f0;width:100%}.app-header.fixed{position:fixed;top:0;left:0;right:0;z-index:50}.header-content{justify-content:space-between;height:64px}.header-content,.logo-link{display:flex;align-items:center}.logo-link{gap:12px;text-decoration:none;transition:opacity .2s}@media (max-width:480px){.logo-link{gap:8px}}@media (max-width:360px){.logo-link{gap:6px}}.logo-link:hover{opacity:.8}.logo-icon{height:40px;width:120px;background:#30b2ce;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(48,178,206,.3);overflow:hidden;padding:4px}@media (max-width:480px){.logo-icon{height:32px;width:90px;border-radius:6px;padding:3px}}@media (max-width:360px){.logo-icon{height:28px;width:80px;border-radius:5px;padding:2px}}.logo-image{width:100%;height:100%;object-fit:contain;object-position:center}@media (max-width:480px){.logo-image{width:100%;height:100%}}@media (max-width:360px){.logo-image{width:100%;height:100%}}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-title{font-size:20px;font-weight:700;color:#262626;line-height:1.2}@media (max-width:480px){.logo-title{font-size:16px;line-height:1.1}}@media (max-width:360px){.logo-title{font-size:14px;line-height:1.1}}.logo-subtitle{font-size:12px;color:#8c8c8c;line-height:1}@media (max-width:480px){.logo-subtitle{font-size:10px}}@media (max-width:360px){.logo-subtitle{font-size:9px}}.desktop-nav{display:none;align-items:center;gap:32px}@media (min-width:768px){.desktop-nav{display:flex}}.nav-link{font-weight:500;color:#595959;text-decoration:none;transition:color .2s}.nav-link.active,.nav-link:hover{color:#30b2ce}.user-actions{display:none;align-items:center;gap:16px}@media (min-width:768px){.user-actions{display:flex}}.user-avatar{background-color:#30b2ce;color:#fff;transition:all .2s}.user-avatar:hover{background-color:#2a9bb8;transform:scale(1.05)}.user-info-container{display:flex;flex-direction:column;align-items:center;gap:8px}.user-nickname{font-size:12px;color:#595959;font-weight:500;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.mobile-user-info{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:8px}.mobile-user-avatar{background-color:#30b2ce;color:#fff}.mobile-user-nickname{font-size:14px;color:#595959;font-weight:500;flex:1 1}.mobile-menu-btn{display:block}@media (min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu{padding:16px 0;border-top:1px solid #f0f0f0}@media (min-width:768px){.mobile-menu{display:none}}.mobile-nav{display:flex;flex-direction:column;gap:16px}.mobile-nav-link{font-weight:500;padding:8px 16px;border-radius:6px;color:#595959;background:transparent;text-decoration:none;transition:all .2s}.mobile-nav-link:hover{color:#30b2ce;background:#f0f9ff}.mobile-nav-link.active{color:#30b2ce;background:#e6f7ff}.mobile-actions{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px}.app-footer{background:#001529;color:#fff;padding:32px 0 20px}.company-info{margin-bottom:12px}.company-info,.company-logo{display:flex;align-items:center}.company-logo{width:32px;height:32px;background:#30b2ce;border-radius:6px;justify-content:center;margin-right:8px}.company-logo-text{color:#fff;font-weight:700;font-size:14px}.company-title{color:#fff!important;margin:0}.company-description{color:#bfbfbf;margin-bottom:12px}.social-link{color:#bfbfbf;font-size:18px;transition:color .3s ease}.social-link:hover{color:#30b2ce}.footer-section-title{color:#fff!important;margin-bottom:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);border-left:3px solid #30b2ce;padding-left:12px;background:linear-gradient(90deg,rgba(48,178,206,.1),transparent);border-radius:0 4px 4px 0}.footer-links{display:flex;flex-direction:column;gap:6px}.footer-link{color:#bfbfbf;text-decoration:none;transition:color .3s ease;padding:4px 0}.footer-link:hover{color:#30b2ce}.contact-info{display:flex;flex-direction:column;gap:6px}.contact-info,.contact-text{color:#bfbfbf;font-size:13px}.contact-text{transition:color .3s ease;line-height:1.4}.contact-text:hover{color:#fff}.copyright{margin-top:24px;padding-top:20px;text-align:center}.copyright-text{color:#8c8c8c}@media (max-width:360px){.container-responsive{padding:0 8px}.mobile-optimized{padding:12px 0}.responsive-notice{padding:6px 10px}.app-footer{padding:20px 0 12px}.footer-section-title{font-size:14px;margin-bottom:8px;padding-left:6px}.company-info{margin-bottom:8px}.company-description{margin-bottom:8px;font-size:12px}.footer-links{gap:4px}.footer-link{font-size:12px;padding:1px 0}.contact-info{gap:4px}.contact-text{font-size:11px;line-height:1.2}.copyright{margin-top:12px;padding-top:12px}.copyright-text{font-size:11px}}