:root{--color-bg: #eef2f7;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-primary: #1d4ed8;--color-primary-hover: #1e40af;--color-primary-soft: #dbeafe;--color-text: #0f172a;--color-text-secondary: #64748b;--color-border: #e2e8f0;--color-success: #16a34a;--color-success-soft: #dcfce7;--color-warning: #d97706;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--header-height: 56px;--bottom-bar-height: 72px;--touch-min: 44px;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}:root{font-family:var(--font-family);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{min-height:100%;background-color:var(--color-bg);color:var(--color-text)}#root{height:100%}h1,h2,h3{color:var(--color-text)}.ant-list-item{padding:0!important;border:none!important;margin-bottom:var(--space-sm)}.ant-list-split .ant-list-item:last-child{border:none!important}.ant-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)!important}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{min-width:var(--touch-min)!important;min-height:var(--touch-min)!important;line-height:calc(var(--touch-min) - 2px)!important;display:inline-flex!important;align-items:center;justify-content:center}.ant-btn-lg{min-height:48px;font-size:1rem;border-radius:var(--radius-md)}.ant-input,.ant-input-affix-wrapper,.ant-select-selector{min-height:var(--touch-min)!important;border-radius:var(--radius-sm)!important}.ant-card{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)!important}.app-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);font-size:.9375rem}.container{margin:0 auto;padding:var(--space-md);padding-left:max(var(--space-md),var(--safe-left));padding-right:max(var(--space-md),var(--safe-right));height:100vh;height:calc(var(--vh, 1vh) * 100);max-height:100dvh;overflow:hidden;background:var(--color-bg)}@media (min-width: 576px){.container{max-width:540px;padding:var(--space-lg)}}@media (min-width: 768px){.container{max-width:720px;padding:var(--space-xl)}}.upload-page{display:flex;flex-direction:column;gap:var(--space-lg);height:100%;min-height:0}.upload-page__preview{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;padding:var(--space-sm)}.upload-preview{width:100%;max-height:45vh;object-fit:contain;border-radius:var(--radius-sm)}.upload-preview--pdf{height:45vh;border:none}.upload-page__hint{text-align:center;font-size:.875rem;color:var(--color-text-secondary);margin:0}.upload-page__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);flex-shrink:0}.upload-page__type-btn{min-height:52px;font-weight:600;font-size:1rem}@media (min-width: 576px){.upload-preview,.upload-preview--pdf{max-height:55vh;height:55vh}}.page-shell{display:flex;flex-direction:column;height:100%;min-height:0;gap:var(--space-md)}.page-shell__header{flex-shrink:0}.page-shell__body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-shell__footer{flex-shrink:0;padding-bottom:var(--safe-bottom)}.page-shell__footer--sticky{z-index:10;padding-top:var(--space-sm);background:var(--color-bg);border-top:1px solid var(--color-border)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:var(--header-height);padding-top:var(--safe-top)}.page-header__title{margin:0;font-size:1.125rem;font-weight:600;line-height:1.3;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.page-header__subtitle{display:block;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);margin-top:2px}@media (min-width: 768px){.page-header__title{font-size:1.375rem}}.form-card{width:100%;max-width:400px;background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.form-card__title{margin:0 0 var(--space-lg);font-size:1.25rem;font-weight:600;text-align:center;color:var(--color-text)}.form-card .ant-form-item:last-child{margin-bottom:0}.form-card .ant-btn-primary{width:100%;margin-top:var(--space-sm)}.user-preview{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg);text-align:left}.user-preview__row{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.user-preview__row:last-child{border-bottom:none;padding-bottom:0}.user-preview__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.user-preview__value{font-size:1rem;color:var(--color-text);word-break:break-all}.user-preview__value--mono{font-family:ui-monospace,Cascadia Code,monospace;font-size:.9375rem}.admin-form-page{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) 0}.admin-form-page .form-card{max-width:100%}.role-radio-group{display:flex;flex-wrap:wrap;gap:var(--space-sm);width:100%}.role-radio-group .ant-radio-button-wrapper{flex:1;min-width:fit-content;text-align:center;min-height:var(--touch-min);line-height:calc(var(--touch-min) - 2px)}.role-radio-group .ant-radio-button-wrapper-checked{color:#fff}.user-list{display:flex;flex-direction:column;gap:var(--space-md)}.user-list__search,.user-list__items{flex-shrink:0}.user-list__empty{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-secondary);font-size:.9375rem;background:var(--color-surface);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.user-list__pagination{flex-shrink:0;padding:var(--space-sm) 0 var(--space-md)}.user-card{width:100%}.user-card .ant-card-body{padding:var(--space-md)!important}.user-card__main{display:flex;align-items:center;gap:var(--space-md)}.user-card__avatar{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-full);font-size:1.125rem}.user-card__info{flex:1;min-width:0}.user-card__name{margin:0 0 var(--space-xs);font-weight:500;font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card__menu{flex-shrink:0;min-width:var(--touch-min);min-height:var(--touch-min)}.logout-btn{flex-shrink:0;color:var(--color-text-secondary)!important;min-height:var(--touch-min);padding-inline:var(--space-sm)!important}.logout-btn:hover{color:var(--color-primary)!important;background:var(--color-primary-soft)!important}.logout-btn__label{display:none}@media (min-width: 400px){.logout-btn__label{display:inline}}.scroll-filters{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.scroll-filters__row{display:flex;gap:var(--space-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.scroll-filters__row::-webkit-scrollbar{display:none}.scroll-filters__row .ant-radio-group,.scroll-filters__row .ant-segmented{flex-shrink:0}.scroll-filters__row .ant-radio-button-wrapper{min-height:var(--touch-min);line-height:calc(var(--touch-min) - 2px);padding-inline:14px;white-space:nowrap}.scroll-filters__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}