@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;600;700&family=Syne:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";.menu-side{width:250px;height:100vh;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-gray-700) 100%);padding:var(--space-lg) 0;position:fixed;left:0;top:0;box-shadow:var(--shadow-lg);border-right:2px solid var(--color-accent-gold);animation:slideInLeft .5s ease-out;display:flex;flex-direction:column}.menu-nav{flex:1;overflow-y:auto}.menu-list{list-style:none;margin:0;padding:0}.menu-item{width:100%;padding:var(--space-md) var(--space-lg);background:none;border:none;color:#f8f9f4d9;font-size:var(--text-base);text-align:left;cursor:pointer;transition:all var(--transition-base);display:block;font-weight:500;font-family:var(--font-sans);letter-spacing:.01em}.menu-item:hover{background-color:#2a2e2b66;padding-left:calc(var(--space-lg) + 4px);color:var(--color-surface)}.menu-item.active{background:linear-gradient(90deg,var(--color-accent-gold) 0%,rgba(200,169,75,.2) 100%);border-left:4px solid var(--color-accent-gold);padding-left:calc(var(--space-lg) - 4px);color:var(--color-surface);font-weight:600;box-shadow:inset 0 2px 4px #1c3c2f4d}.menu-item.active:hover{background:linear-gradient(90deg,var(--color-accent-gold) 0%,rgba(200,169,75,.3) 100%)}.menu-footer{flex-shrink:0;padding:var(--space-md) var(--space-lg);border-top:1px solid rgba(248,249,244,.2);background:linear-gradient(180deg,rgba(248,249,244,.05) 0%,rgba(248,249,244,.02) 100%);display:flex;flex-direction:column;gap:var(--space-md)}.menu-reset-btn{width:100%;padding:var(--space-sm) var(--space-md);background-color:#c8a94b26;border:1px solid var(--color-accent-gold);border-radius:var(--radius-md);color:var(--color-accent-gold);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em}.menu-reset-btn:hover{background-color:#c8a94b40;box-shadow:0 2px 8px #c8a94b4d;transform:translateY(-2px)}.menu-reset-btn:active{transform:translateY(0)}.menu-reset-btn.active{background:linear-gradient(90deg,var(--color-accent-gold) 0%,rgba(200,169,75,.2) 100%);border-color:var(--color-accent-gold);color:var(--color-surface);box-shadow:0 2px 8px #c8a94b4d}.menu-reset-btn.active:hover{background:linear-gradient(90deg,var(--color-accent-gold) 0%,rgba(200,169,75,.3) 100%)}.version-footer{flex-shrink:0;padding:var(--space-md) var(--space-lg);border-top:1px solid rgba(248,249,244,.2);background:linear-gradient(180deg,rgba(248,249,244,.05) 0%,rgba(248,249,244,.02) 100%);text-align:center;animation:fadeIn .8s ease-out .4s both}.version-text{font-size:var(--text-xs);font-weight:600;color:#f8f9f499;letter-spacing:.05em;display:inline-block;text-transform:uppercase}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.menu-top{display:flex;justify-content:flex-start;align-items:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);padding:var(--space-md) var(--space-xl);color:var(--color-surface);box-shadow:var(--shadow-lg);margin-left:250px;border-bottom:3px solid var(--color-accent-gold);animation:slideDownIn .6s ease-out;animation-fill-mode:both;gap:var(--space-xl)}.app-logo{width:60px;height:60px;object-fit:contain;border:2px solid rgba(200,169,75,.4);border-radius:var(--radius-md);padding:4px;background-color:#ffffff0d;flex-shrink:0;animation:slideInDown .6s ease-out .05s both;transition:all var(--transition-base)}.app-logo:hover{border-color:#c8a94bb3;background-color:#ffffff1a;box-shadow:0 2px 8px #c8a94b33}.app-title{margin:0;font-size:var(--text-2xl);font-weight:700;font-family:var(--font-primary);color:var(--color-surface);letter-spacing:-.02em;text-shadow:0 2px 6px rgba(0,0,0,.2);white-space:nowrap;flex-shrink:0;animation:slideInDown .6s ease-out .05s both}.top-left{display:flex;align-items:center;gap:var(--space-lg);flex:0 1 auto;min-width:0}.study-section,.organization-section{display:flex;gap:var(--space-md);align-items:center;animation:slideInLeft .6s ease-out .1s both}.study-info,.organization-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:#ffffff1f;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.25);transition:all var(--transition-base)}.study-info:hover,.organization-info:hover{background-color:#ffffff2e;border-color:#fff6;box-shadow:0 2px 8px #00000026}.info-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:#fffffff2;letter-spacing:.08em;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.3)}.info-value{font-size:var(--text-sm);font-weight:700;font-family:var(--font-mono);color:#c8a94b!important;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.top-right{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0;margin-left:auto;animation:slideInRight .6s ease-out .15s both}.user-section{display:flex;align-items:center;gap:var(--space-md)}.user-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:#ffffff1f;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.25);transition:all var(--transition-base)}.user-info:hover{background-color:#ffffff2e;border-color:#fff6;box-shadow:0 2px 8px #00000026}.user-info.no-user{background-color:#ffffff1f;border-color:#ffffff40}.user-info.no-user:hover{background-color:#ffffff2e;border-color:#fff6;box-shadow:0 2px 8px #00000026}.home-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--color-surface);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.home-btn:hover{background-color:#fff3;border-color:#fff6;box-shadow:0 2px 8px #00000040}.home-btn:active{transform:scale(.95)}.logout-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--color-surface);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.logout-btn:hover{background-color:#fff3;border-color:#fff6;box-shadow:0 2px 8px #00000040}.logout-btn:active{transform:scale(.95)}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.app-title{font-size:var(--text-xl)}.study-info,.organization-info,.user-info{padding:var(--space-xs) var(--space-sm)}.info-label,.info-value{font-size:var(--text-xs)}}@media (max-width: 768px){.menu-top{flex-direction:row;gap:var(--space-md);align-items:center;padding:var(--space-md) var(--space-md);margin-left:0;justify-content:flex-start;overflow-x:auto;overflow-y:hidden}.app-title{font-size:var(--text-lg);flex-shrink:0}.top-left{gap:var(--space-sm);flex:0 1 auto}.study-section{gap:var(--space-sm)}.study-info,.organization-info{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.info-label{display:none}.info-value{font-size:var(--text-xs)}.top-right{gap:var(--space-sm);margin-left:auto;flex-shrink:0}.user-section{gap:var(--space-sm)}.user-info{padding:var(--space-xs) var(--space-sm)}.logout-btn{width:32px;height:32px}}@media (max-width: 480px){.menu-top{gap:var(--space-sm);padding:var(--space-sm) var(--space-sm)}.app-title{font-size:var(--text-base)}.organization-info{display:none}.logout-btn{width:30px;height:30px}.logout-btn svg{width:16px;height:16px}}.welcome-container{display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--space-2xl) var(--space-lg);background:linear-gradient(135deg,rgba(28,60,47,.02) 0%,rgba(28,60,47,0) 100%)}.welcome-content{max-width:800px;text-align:center;animation:fadeInUp .8s ease-out;animation-fill-mode:both;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.welcome-logo{max-width:300px;height:auto;animation:fadeInDown .8s ease-out .1s both}.welcome-content h1{color:var(--color-primary);font-size:var(--text-4xl);margin-bottom:var(--space-2xl);font-weight:700;font-family:var(--font-primary);letter-spacing:-.03em}.welcome-instructions{background-color:var(--color-surface);padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);border-top:3px solid var(--color-primary);min-height:200px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600);font-size:var(--text-base);line-height:1.9;animation:scaleInUp .6s ease-out .2s;animation-fill-mode:both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.username-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);background-image:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%),radial-gradient(circle at 20% 50%,rgba(200,169,75,.08) 0%,transparent 50%);padding:var(--space-lg);animation:fadeIn .8s ease-out}.username-card{background-color:var(--color-surface);padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid rgba(248,249,244,.5);width:100%;max-width:420px;text-align:center;animation:scaleInUp .6s ease-out .1s;animation-fill-mode:both}.username-card h1{color:var(--color-primary);margin-top:0;margin-bottom:var(--space-md);font-size:var(--text-3xl);font-weight:700;font-family:var(--font-primary);letter-spacing:-.02em}.subtitle{color:var(--color-gray-600);font-size:var(--text-base);margin-bottom:var(--space-2xl);line-height:1.7}.username-form{display:flex;flex-direction:column;gap:var(--space-lg);animation:fadeInUp .6s ease-out .2s;animation-fill-mode:both}.form-group{display:flex;flex-direction:column;gap:var(--space-sm);text-align:left}.form-group label{color:var(--color-primary);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em}.form-group input{padding:var(--space-md) var(--space-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base);color:var(--color-neutral-dark)}.form-group input::placeholder{color:var(--color-gray-600)}.error-message{color:var(--color-error);font-size:var(--text-xs);font-weight:500}.submit-button{padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-lg);box-shadow:var(--shadow-lg)}.submit-button:hover{background:linear-gradient(135deg,var(--color-accent-gold) 0%,#b8932b 100%);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.submit-button:active{transform:translateY(0)}@keyframes scaleInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.username-card{padding:var(--space-xl) var(--space-lg)}.username-card h1{font-size:var(--text-2xl)}.submit-button{padding:var(--space-lg) var(--space-lg)}}.study-list-container{width:100%}.study-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);animation:fadeInDown .6s ease-out;animation-fill-mode:both}.study-list-header h2{margin:0;color:var(--color-primary);font-size:var(--text-3xl);font-weight:700;font-family:var(--font-primary)}.btn-create-study{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.btn-create-study:hover{background:linear-gradient(135deg,var(--color-accent-gold) 0%,#b8932b 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-create-study:active{transform:translateY(0)}.no-studies-message{background:linear-gradient(135deg,rgba(28,60,47,.05) 0%,rgba(28,60,47,0) 100%);border-left:4px solid var(--color-primary);padding:var(--space-2xl);border-radius:var(--radius-lg);text-align:center;color:var(--color-primary);border:1px solid var(--color-gray-200)}.no-studies-message p{margin:var(--space-md) 0;font-size:var(--text-base);line-height:1.7;color:var(--color-gray-600)}.no-studies-message p:first-child{font-weight:600;color:var(--color-primary);font-size:var(--text-lg)}.studies-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.studies-table thead{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-gray-700) 100%);color:var(--color-surface);border-bottom:2px solid var(--color-accent-gold)}.studies-table th{padding:var(--space-lg);text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);font-family:var(--font-sans)}.studies-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.studies-table tbody tr:hover{background-color:#1c3c2f05}.studies-table tbody tr:last-child{border-bottom:none}.studies-table td{padding:var(--space-lg);color:var(--color-gray-600)}.studies-table td.study-id{font-weight:600;color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs)}.studies-table td.nct-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-gray-600)}.status-recruiting{background:linear-gradient(135deg,rgba(39,174,96,.15) 0%,rgba(39,174,96,.05) 100%);color:var(--color-success);border:1px solid var(--color-success)}.status-active{background:linear-gradient(135deg,rgba(28,60,47,.15) 0%,rgba(28,60,47,.05) 100%);color:var(--color-primary);border:1px solid var(--color-primary)}.status-completed{background:linear-gradient(135deg,rgba(200,169,75,.15) 0%,rgba(200,169,75,.05) 100%);color:var(--color-accent-gold);border:1px solid var(--color-accent-gold)}.status-suspended{background:linear-gradient(135deg,rgba(230,126,34,.15) 0%,rgba(230,126,34,.05) 100%);color:var(--color-warning);border:1px solid var(--color-warning)}.status-terminated{background:linear-gradient(135deg,rgba(192,57,43,.15) 0%,rgba(192,57,43,.05) 100%);color:var(--color-error);border:1px solid var(--color-error)}.studies-table td.actions{display:flex;gap:var(--space-sm)}.study-count{padding:var(--space-lg);background:linear-gradient(90deg,rgba(28,60,47,.02) 0%,transparent 100%);border-top:1px solid var(--color-gray-200);text-align:right;color:var(--color-gray-600);font-size:var(--text-xs)}.study-count strong{color:var(--color-primary);font-weight:600}@media (max-width: 1024px){.studies-table{font-size:var(--text-xs)}.studies-table th,.studies-table td{padding:var(--space-md)}.btn-action{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}}@media (max-width: 768px){.study-list-header{flex-direction:column;gap:var(--space-lg);align-items:flex-start}.btn-create-study{width:100%}.table-wrapper{overflow-x:auto}.studies-table{font-size:var(--text-xs)}.studies-table th,.studies-table td{padding:var(--space-md)}.studies-table td.actions{flex-direction:column;gap:var(--space-xs)}.btn-action{width:100%;padding:var(--space-md)}.status-badge{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}}.study-create-container{width:100%;animation:fadeIn .3s ease-in-out}.study-create-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);max-height:calc(100vh - 250px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-sm) var(--space-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-sans);transition:all var(--transition-base);color:var(--color-primary);background-color:#fff}.form-group textarea{resize:vertical;min-height:80px;font-family:var(--font-sans)}.form-group select{cursor:pointer;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C3C2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:20px}@media (max-width: 1200px){.study-create-content{grid-template-columns:1fr;max-height:auto}.form-panel,.json-panel{overflow-y:visible}}@media (max-width: 768px){.form-panel,.json-panel{padding:var(--space-lg)}.form-panel h2{font-size:var(--text-xl)}.json-panel h3{font-size:var(--text-base)}.json-preview pre{font-size:11px}.form-row{grid-template-columns:1fr}}.company-list-container{width:100%}.company-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);animation:fadeInDown .6s ease-out;animation-fill-mode:both}.company-list-header h2{margin:0;color:var(--color-primary);font-size:var(--text-3xl);font-weight:700;font-family:var(--font-primary)}.btn-create-company{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.btn-create-company:hover{background:linear-gradient(135deg,var(--color-accent-gold) 0%,#b8932b 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-create-company:active{transform:translateY(0)}.no-companies-message{background:linear-gradient(135deg,rgba(28,60,47,.05) 0%,rgba(28,60,47,0) 100%);border-left:4px solid var(--color-primary);padding:var(--space-2xl);border-radius:var(--radius-lg);text-align:center;color:var(--color-primary);border:1px solid var(--color-gray-200)}.no-companies-message p{margin:var(--space-md) 0;font-size:var(--text-base);line-height:1.7;color:var(--color-gray-600)}.no-companies-message p:first-child{font-weight:600;color:var(--color-primary);font-size:var(--text-lg)}.companies-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.companies-table thead{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-gray-700) 100%);color:var(--color-surface);border-bottom:2px solid var(--color-accent-gold)}.companies-table th{padding:var(--space-lg);text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);font-family:var(--font-sans)}.companies-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.companies-table tbody tr:hover{background-color:#1c3c2f05}.companies-table tbody tr:last-child{border-bottom:none}.companies-table td{padding:var(--space-lg);color:var(--color-gray-600)}.companies-table td.company-id{font-weight:600;color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs)}.companies-table td.company-name{font-weight:500;color:var(--color-neutral-dark)}.companies-table td.gs1-prefix{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);font-weight:600}.companies-table td.text-center{text-align:center}.status-active{background:linear-gradient(135deg,rgba(39,174,96,.15) 0%,rgba(39,174,96,.05) 100%);color:var(--color-success);border:1px solid var(--color-success)}.status-inactive{background:linear-gradient(135deg,rgba(192,57,43,.15) 0%,rgba(192,57,43,.05) 100%);color:var(--color-error);border:1px solid var(--color-error)}.status-unknown{background:linear-gradient(135deg,rgba(211,211,211,.2) 0%,rgba(211,211,211,.1) 100%);color:var(--color-gray-600);border:1px solid var(--color-gray-300)}.badge-yes{display:inline-block;padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,rgba(39,174,96,.15) 0%,rgba(39,174,96,.05) 100%);color:var(--color-success);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-xs);border:1px solid var(--color-success)}.badge-no{display:inline-block;padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,rgba(192,57,43,.15) 0%,rgba(192,57,43,.05) 100%);color:var(--color-error);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-xs);border:1px solid var(--color-error)}.companies-table td.actions{display:flex;gap:var(--space-sm)}.btn-select{background-color:var(--color-success);color:var(--color-surface)}.btn-select:hover{background-color:#1e7e34;box-shadow:var(--shadow-md);transform:translateY(-1px)}.company-count{padding:var(--space-lg);background:linear-gradient(90deg,rgba(28,60,47,.02) 0%,transparent 100%);border-top:1px solid var(--color-gray-200);text-align:right;color:var(--color-gray-600);font-size:var(--text-xs)}.company-count strong{color:var(--color-primary);font-weight:600}@media (max-width: 1024px){.companies-table{font-size:var(--text-xs)}.companies-table th,.companies-table td{padding:var(--space-md)}.btn-action{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}}@media (max-width: 768px){.company-list-header{flex-direction:column;gap:var(--space-lg);align-items:flex-start}.btn-create-company{width:100%}.table-wrapper{overflow-x:auto}.companies-table{font-size:var(--text-xs)}.companies-table th,.companies-table td{padding:var(--space-md)}.companies-table td.actions{flex-direction:column;gap:var(--space-xs)}.btn-action{width:100%;padding:var(--space-md)}}.company-create-container{width:100%;animation:fadeIn .3s ease-in-out}.company-create-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);max-height:calc(100vh - 250px)}.form-group select{cursor:pointer;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C3C2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:20px}.btn-submit{padding:var(--space-md) var(--space-lg);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-sm);font-family:var(--font-sans)}.btn-submit:hover:not(:disabled){background-color:var(--color-gray-700);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-submit:disabled{background-color:var(--color-gray-500);cursor:not-allowed;opacity:.7}@media (max-width: 1200px){.company-create-content{grid-template-columns:1fr;max-height:auto}.form-panel,.json-panel{overflow-y:visible}}@media (max-width: 768px){.form-panel,.json-panel{padding:var(--space-lg)}.form-panel h2{font-size:var(--text-xl)}.json-panel h3{font-size:var(--text-base)}.json-preview pre{font-size:11px}}.item-list-container{width:100%}.item-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);animation:fadeInDown .6s ease-out;animation-fill-mode:both}.item-list-header h2{margin:0;color:var(--color-primary);font-size:var(--text-3xl);font-weight:700;font-family:var(--font-primary)}.btn-create-item{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-success) 0%,#1e7e34 100%);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.btn-create-item:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-create-item:active{transform:translateY(0)}.no-items-message{background:linear-gradient(135deg,rgba(28,60,47,.05) 0%,rgba(28,60,47,0) 100%);border-left:4px solid var(--color-primary);padding:var(--space-2xl);border-radius:var(--radius-lg);text-align:center;color:var(--color-primary);border:1px solid var(--color-gray-200)}.no-items-message p{margin:var(--space-md) 0;font-size:var(--text-base);line-height:1.7;color:var(--color-gray-600)}.no-items-message p:first-child{font-weight:600;color:var(--color-primary);font-size:var(--text-lg)}.items-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.items-table thead{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-gray-700) 100%);color:var(--color-surface);border-bottom:2px solid var(--color-accent-gold)}.items-table th{padding:var(--space-lg);text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);font-family:var(--font-sans)}.items-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.items-table tbody tr:hover{background-color:#1c3c2f05}.items-table tbody tr:last-child{border-bottom:none}.items-table td{padding:var(--space-lg);color:var(--color-gray-600)}.items-table td.gtin{font-weight:600;color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs)}.items-table td.gln{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-gray-600)}.items-table td.actions{display:flex;gap:var(--space-sm)}.item-count{padding:var(--space-lg);background:linear-gradient(90deg,rgba(28,60,47,.02) 0%,transparent 100%);border-top:1px solid var(--color-gray-200);text-align:right;color:var(--color-gray-600);font-size:var(--text-xs)}.item-count strong{color:var(--color-primary);font-weight:600}@media (max-width: 1024px){.items-table{font-size:var(--text-xs)}.items-table th,.items-table td{padding:var(--space-md)}.btn-action{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}}@media (max-width: 768px){.item-list-header{flex-direction:column;gap:var(--space-lg);align-items:flex-start}.btn-create-item{width:100%}.table-wrapper{overflow-x:auto}.items-table{font-size:var(--text-xs)}.items-table th,.items-table td{padding:var(--space-md)}.items-table td.actions{flex-direction:column;gap:var(--space-xs)}.btn-action{width:100%;padding:var(--space-md)}}.item-gtin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1c3c2f80;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.item-gtin-modal{background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:900px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.gtin-form{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-md);align-items:flex-start}.btn-generate:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background-color:var(--color-gray-700)}.btn-generate:active{transform:translateY(0)}.gtin-display{background:white;border:3px dashed var(--color-accent-gold);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;margin-bottom:var(--space-lg)}.gtin-value{font-size:36px;font-weight:700;color:var(--color-primary);letter-spacing:2px;margin-bottom:var(--space-sm);font-family:var(--font-mono)}.gtin-label{font-size:var(--text-xs);font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.indicator-segment{background:linear-gradient(135deg,var(--color-error),#ff8787);flex:.5}.check-segment{background:linear-gradient(135deg,var(--color-gray-600),var(--color-primary));flex:.5}.color-box{width:16px;height:16px;border-radius:var(--radius-sm)}.indicator-color{background:linear-gradient(135deg,var(--color-error),#ff8787)}@media (max-width: 768px){.item-gtin-modal{max-width:95%}.gtin-form{grid-template-columns:1fr}.btn-generate{grid-column:1}.company-info-display{grid-template-columns:1fr}.gtin-value{font-size:28px}.breakdown-grid{grid-template-columns:repeat(2,1fr)}.breakdown-bar{flex-direction:column;gap:var(--space-xs)}.segment{min-height:40px;display:flex;align-items:center;justify-content:center}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-apply{width:100%}}@media (max-width: 480px){.modal-header{padding:var(--space-md)}.modal-content{padding:var(--space-md);gap:var(--space-md)}.modal-footer{padding:var(--space-md)}.gtin-value{font-size:24px}.breakdown-grid{grid-template-columns:1fr}}.item-create-container{width:100%}.no-study-message{background:linear-gradient(135deg,rgba(230,126,34,.1) 0%,rgba(230,126,34,.05) 100%);border-left:4px solid var(--color-warning);padding:var(--space-2xl);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-gray-200)}.message-content{max-width:500px;margin:0 auto}.message-content h3{color:var(--color-warning);margin-top:0;font-size:var(--text-xl);font-family:var(--font-primary)}.message-content p{color:var(--color-gray-600);font-size:var(--text-base);line-height:1.7}.item-create-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);max-height:calc(100vh - 250px)}.form-panel{background-color:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);border-left:4px solid var(--color-primary);overflow-y:auto}.study-info{color:var(--color-primary);font-size:var(--text-sm);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,rgba(28,60,47,.05) 0%,rgba(28,60,47,0) 100%);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.study-info strong{color:var(--color-primary);font-weight:600}.company-warning{display:flex;gap:var(--space-lg);background:linear-gradient(135deg,rgba(230,126,34,.08) 0%,rgba(230,126,34,.02) 100%);border-left:4px solid var(--color-warning);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:1px solid var(--color-gray-200)}.warning-icon{font-size:var(--text-2xl);flex-shrink:0;color:var(--color-warning)}.warning-content h4{margin:0 0 var(--space-sm) 0;color:var(--color-warning);font-size:var(--text-sm);font-weight:600}.warning-content p{margin:0;color:var(--color-gray-600);font-size:var(--text-xs);line-height:1.6}.company-info{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);color:var(--color-surface);border:1px solid rgba(28,60,47,.3)}.company-info h4{margin:0 0 var(--space-lg) 0;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.company-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.detail-row .label{font-weight:500;opacity:.85;color:#f8f9f4d9}.detail-row .value{font-weight:700;color:#c8a94b!important;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.02em;font-size:14px}.detail-row .value.mono{font-family:Courier New,monospace;background:rgba(255,255,255,.12);padding:4px 8px;border-radius:3px;letter-spacing:.5px;color:#c8a94b!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.submit-message{padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:500}.submit-message.success{background-color:#d5f4e6;color:#27ae60;border-left:4px solid #27ae60}.submit-message.error{background-color:#fadbd8;color:#c0392b;border-left:4px solid #e74c3c}.submit-message .icon{font-size:18px;font-weight:700}.create-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--color-primary);font-weight:600;font-size:var(--text-sm)}.input-with-button{display:flex;gap:var(--space-md);align-items:stretch}.form-group input{padding:var(--space-md) var(--space-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base);color:var(--color-neutral-dark);flex:1}.form-group input[readonly]{background-color:var(--color-gray-100);cursor:not-allowed;color:var(--color-gray-600)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1c3c2f1a}.btn-generate-gtin{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.btn-generate-gtin:hover{background:linear-gradient(135deg,var(--color-accent-gold) 0%,#b8932b 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-generate-gtin:active{transform:translateY(0)}.btn-submit{padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--color-success) 0%,#1e7e34 100%);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-lg)}.btn-submit:disabled{background-color:var(--color-gray-600);cursor:not-allowed;opacity:.6}.json-panel{background-color:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);border-left:4px solid var(--color-primary);display:flex;flex-direction:column;gap:var(--space-lg);overflow:hidden}.json-panel h3{margin:0;color:var(--color-primary);font-size:var(--text-xl);font-family:var(--font-primary)}.json-preview{background-color:#1a1a1a;border-radius:var(--radius-md);padding:var(--space-lg);overflow-y:auto;flex:1;font-family:var(--font-mono);border:1px solid rgba(28,60,47,.2)}.json-preview pre{margin:0;color:var(--color-neutral-dark);font-size:var(--text-xs);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.json-preview code{color:#ce9178}.form-panel::-webkit-scrollbar,.json-preview::-webkit-scrollbar{width:6px}.form-panel::-webkit-scrollbar-thumb,.json-preview::-webkit-scrollbar-thumb{background:var(--color-accent-gold);border-radius:var(--radius-sm)}.form-panel::-webkit-scrollbar-thumb:hover,.json-preview::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media (max-width: 1200px){.item-create-content{grid-template-columns:1fr;max-height:auto}.form-panel,.json-panel{overflow-y:visible}}@media (max-width: 768px){.form-panel,.json-panel{padding:var(--space-lg)}.form-panel h2{font-size:var(--text-xl)}.json-panel h3{font-size:var(--text-lg)}.json-preview pre{font-size:var(--text-xs)}}.location-list-container{width:100%}.location-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);animation:fadeInDown .6s ease-out;animation-fill-mode:both}.location-list-header h2{margin:0;color:var(--color-primary);font-size:var(--text-3xl);font-weight:700;font-family:var(--font-primary)}.btn-create-location{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-success) 0%,#1e7e34 100%);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.btn-create-location:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-create-location:active{transform:translateY(0)}.no-locations-message{background:linear-gradient(135deg,rgba(28,60,47,.05) 0%,rgba(28,60,47,0) 100%);border-left:4px solid var(--color-primary);padding:var(--space-2xl);border-radius:var(--radius-lg);text-align:center;color:var(--color-primary);border:1px solid var(--color-gray-200)}.no-locations-message p{margin:var(--space-md) 0;font-size:var(--text-base);line-height:1.7;color:var(--color-gray-600)}.no-locations-message p:first-child{font-weight:600;color:var(--color-primary);font-size:var(--text-lg)}.locations-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.locations-table thead{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-gray-700) 100%);color:var(--color-surface);border-bottom:2px solid var(--color-accent-gold)}.locations-table th{padding:var(--space-lg);text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);font-family:var(--font-sans)}.locations-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.locations-table tbody tr:hover{background-color:#1c3c2f05}.locations-table tbody tr:last-child{border-bottom:none}.locations-table td{padding:var(--space-lg);color:var(--color-gray-600)}.locations-table td.gln{font-weight:600;color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs)}.locations-table td.location-name{font-weight:500;color:var(--color-gray-700)}.locations-table td.location-type{color:var(--color-primary);font-weight:500}.locations-table td.company-prefix{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-gray-600)}.locations-table td.country{color:var(--color-gray-600);font-size:var(--text-sm)}.locations-table td.actions{display:flex;gap:var(--space-sm)}.btn-view:hover{background-color:var(--color-gray-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-edit:hover{background-color:#c35a1f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-delete:hover{background-color:#8b0000;box-shadow:var(--shadow-md);transform:translateY(-1px)}.location-count{padding:var(--space-lg);background:linear-gradient(90deg,rgba(28,60,47,.02) 0%,transparent 100%);border-top:1px solid var(--color-gray-200);text-align:right;color:var(--color-gray-600);font-size:var(--text-xs)}.location-count strong{color:var(--color-primary);font-weight:600}@media (max-width: 1024px){.locations-table{font-size:var(--text-xs)}.locations-table th,.locations-table td{padding:var(--space-md)}.btn-action{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}}@media (max-width: 768px){.location-list-header{flex-direction:column;gap:var(--space-lg);align-items:flex-start}.btn-create-location{width:100%}.table-wrapper{overflow-x:auto}.locations-table{font-size:var(--text-xs)}.locations-table th,.locations-table td{padding:var(--space-md)}.locations-table td.actions{flex-direction:column;gap:var(--space-xs)}.btn-action{width:100%;padding:var(--space-md)}}.location-gln-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1c3c2f80;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.location-gln-modal{background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:900px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:1px solid var(--color-gray-200);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-header h2{margin:0;font-size:var(--text-2xl);font-weight:600;font-family:var(--font-primary)}.close-btn{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.close-btn:hover{background-color:#fff3}.modal-content{flex:1;overflow-y:auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl)}.company-section h3{margin:0 0 var(--space-md) 0;font-size:var(--text-base);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.company-info-display{background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.info-item{display:flex;flex-direction:column;gap:var(--space-xs)}.info-item label{font-size:var(--text-xs);font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-sans)}.info-value{font-size:var(--text-base);color:var(--color-primary);font-weight:500}.info-value.mono{font-family:var(--font-mono);background:white;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);font-size:var(--text-sm);font-weight:600;letter-spacing:.5px}.explanation-section{background:linear-gradient(135deg,rgba(28,60,47,.05) 0%,rgba(28,60,47,0) 100%);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-lg)}.explanation-section h3{margin:0 0 var(--space-md) 0;font-size:var(--text-lg);font-weight:600;color:var(--color-primary);font-family:var(--font-primary)}.explanation-section p{margin:0 0 var(--space-md) 0;color:var(--color-gray-600);line-height:1.6;font-size:var(--text-sm)}.explanation-section p:last-child{margin-bottom:0}.gln-structure{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.structure-item{background:white;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.item-label{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.item-info{font-size:var(--text-xs);color:var(--color-gray-600);line-height:1.5}.form-section h3{margin:0 0 var(--space-md) 0;font-size:var(--text-base);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.gln-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-items:flex-start}.form-group label{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);font-family:var(--font-sans)}.required{color:var(--color-error);font-weight:700}.input-with-hint{display:flex;flex-direction:column;gap:var(--space-xs);position:relative}.form-group input{padding:var(--space-sm) var(--space-md);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-mono);transition:all var(--transition-fast);color:var(--color-primary)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1c3c2f1a;background-color:var(--color-gray-100)}.form-group input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-400);cursor:not-allowed;border-color:var(--color-gray-200)}.form-group input:read-only{background-color:var(--color-gray-100);color:var(--color-primary);cursor:not-allowed;border-color:var(--color-accent-gold);border-style:solid}.form-group input.error{border-color:var(--color-error);background-color:#c0392b0d}.hint{font-size:var(--text-xs);color:var(--color-gray-600);font-style:italic}.input-info{font-size:var(--text-xs);color:var(--color-primary);font-weight:500;padding:var(--space-xs) var(--space-sm);background:rgba(28,60,47,.05);border-radius:var(--radius-sm)}.input-info strong{font-weight:700}.ml-md{margin-left:var(--space-md)}.input-counter{font-size:11px;color:var(--color-gray-500);text-align:right;font-weight:500}.error-text{font-size:var(--text-xs);color:var(--color-error);font-weight:500}.btn-generate{grid-column:1 / -1;padding:var(--space-md) var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background-color:var(--color-gray-700)}.btn-generate:active:not(:disabled){transform:translateY(0)}.btn-generate:disabled{background-color:var(--color-gray-400);cursor:not-allowed;opacity:.6}.message{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-sm);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{background-color:#27ae601a;color:var(--color-success);border:1px solid var(--color-success)}.message.error{background-color:#c0392b1a;color:var(--color-error);border:1px solid var(--color-error)}.message .icon{font-size:var(--text-base);font-weight:700}.preview-section{background:var(--color-gray-100);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);animation:slideIn .3s ease-out}.preview-section h3{margin:0 0 var(--space-lg) 0;font-size:var(--text-base);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.gln-display{background:white;border:3px dashed var(--color-accent-gold);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;margin-bottom:var(--space-lg)}.gln-value{font-size:36px;font-weight:700;color:var(--color-primary);letter-spacing:2px;margin-bottom:var(--space-sm);font-family:var(--font-mono)}.gln-label{font-size:var(--text-xs);font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.mono{font-family:var(--font-mono)}.breakdown-section{margin-bottom:var(--space-lg)}.breakdown-section h4{margin:0 0 var(--space-md) 0;font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.component{background:white;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.component-label{font-size:11px;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--space-xs);font-family:var(--font-sans)}.component-value{font-size:var(--text-xl);font-weight:700;color:var(--color-primary);letter-spacing:1px;margin-bottom:var(--space-xs);padding:var(--space-sm) 0;word-break:break-all;font-family:var(--font-mono)}.component-desc{font-size:11px;color:var(--color-gray-500);font-style:italic}.visual-breakdown{background:white;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-md)}.breakdown-bar{display:flex;gap:2px;margin-bottom:var(--space-md);font-family:var(--font-mono);background:var(--color-gray-100);padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200)}.segment{flex:1;padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;color:#fff;text-align:center;word-break:break-all;letter-spacing:.5px;transition:all var(--transition-fast);cursor:help}.segment:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.prefix-segment{background:linear-gradient(135deg,var(--color-primary),var(--color-gray-700))}.reference-segment{background:linear-gradient(135deg,var(--color-accent-gold),var(--color-warning))}.check-segment{background:linear-gradient(135deg,var(--color-gray-600),var(--color-primary));flex:.3}.breakdown-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-primary);font-family:var(--font-sans)}.color-box{width:16px;height:16px;border-radius:var(--radius-sm);flex-shrink:0}.prefix-color{background:linear-gradient(135deg,var(--color-primary),var(--color-gray-700))}.reference-color{background:linear-gradient(135deg,var(--color-accent-gold),var(--color-warning))}.check-color{background:linear-gradient(135deg,var(--color-gray-600),var(--color-primary))}.educational-info{background:white;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-md)}.educational-info h4{margin:0 0 var(--space-md) 0;font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.info-steps{display:flex;flex-direction:column;gap:var(--space-md)}.step{display:flex;gap:var(--space-md);align-items:flex-start}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-gray-700));color:#fff;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.step-content{flex:1;font-size:var(--text-xs);color:var(--color-gray-600);line-height:1.6;padding-top:4px}.step-content strong{color:var(--color-primary);font-weight:600}.validation-info{background:white;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-md)}.info-box{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-sm);padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid transparent}.info-box.success{background-color:#27ae601a;color:var(--color-success);border-color:var(--color-success)}.info-box.error{background-color:#c0392b1a;color:var(--color-error);border-color:var(--color-error)}.info-box .icon{font-size:var(--text-lg);font-weight:700}.modal-footer{display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-gray-200);background:var(--color-gray-100);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.btn-cancel,.btn-apply{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.btn-cancel{background:var(--color-gray-300);color:var(--color-primary)}.btn-cancel:hover{background:var(--color-gray-500);color:#fff}.btn-apply{background:var(--color-primary);color:#fff}.btn-apply:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background-color:var(--color-gray-700)}.btn-apply:active{transform:translateY(0)}@media (max-width: 768px){.location-gln-modal{max-width:95%}.gln-form{grid-template-columns:1fr}.btn-generate{grid-column:1}.gln-structure{grid-template-columns:1fr}.gln-value{font-size:28px}.breakdown-grid{grid-template-columns:repeat(2,1fr)}.breakdown-bar{flex-direction:column;gap:var(--space-xs)}.segment{min-height:40px;display:flex;align-items:center;justify-content:center}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-apply{width:100%}}@media (max-width: 480px){.modal-header{padding:var(--space-md)}.modal-content{padding:var(--space-md);gap:var(--space-md)}.modal-footer{padding:var(--space-md)}.gln-value{font-size:24px}.breakdown-grid{grid-template-columns:1fr}.step{gap:var(--space-sm)}.step-number{width:24px;height:24px;font-size:11px}}.location-create-container{width:100%;animation:fadeIn .3s ease-in-out}.location-create-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);max-height:calc(100vh - 250px)}.form-panel{background-color:#fff;padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow-y:auto;animation:fadeInUp .4s ease-out}.form-panel h2{margin-top:0;color:var(--color-primary);font-size:var(--text-2xl);margin-bottom:var(--space-lg);font-family:var(--font-primary)}.submit-message{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);font-weight:500;animation:fadeInDown .4s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-message.success{background-color:#27ae601a;color:var(--color-success);border-left:4px solid var(--color-success)}.submit-message.error{background-color:#c0392b1a;color:var(--color-error);border-left:4px solid var(--color-error)}.submit-message .icon{font-size:var(--text-lg);font-weight:700}.create-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-section{border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--space-lg)}.gln-generator-info{background:linear-gradient(135deg,rgba(28,60,47,.05) 0%,rgba(28,60,47,0) 100%);border-left:4px solid var(--color-primary);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.gln-generator-info p{margin:0;color:var(--color-gray-600);font-size:var(--text-sm);line-height:1.6}.btn-generate-gln{display:block;width:100%;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-lg);font-family:var(--font-sans)}.btn-generate-gln:hover{background:linear-gradient(135deg,var(--color-gray-700) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-generate-gln:active{transform:translateY(0)}.gln-component-display{background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md);animation:fadeInUp .3s ease-out}.gln-component-display h5{margin:0 0 var(--space-md) 0;color:var(--color-primary);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.component-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md)}.component-item{background:white;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200);text-align:center}.comp-label{font-size:var(--text-xs);font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--space-xs);font-family:var(--font-sans)}.comp-value{font-size:var(--text-lg);font-weight:700;color:var(--color-primary);font-family:var(--font-mono);letter-spacing:1px}.section-title{margin:0 0 var(--space-md) 0;color:var(--color-primary);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-sans)}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md)}.form-group label{color:var(--color-primary);font-weight:600;font-size:var(--text-sm);font-family:var(--font-sans)}.required{color:var(--color-error)}.form-group input,.form-group select{padding:var(--space-sm) var(--space-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-sans);transition:all var(--transition-base);color:var(--color-primary);background-color:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1c3c2f1a}.form-group input.error{border-color:var(--color-error)}.form-group input.error:focus{box-shadow:0 0 0 3px #c0392b1a}.form-group select{cursor:pointer;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C3C2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:20px}.form-group select option{color:var(--color-primary);background-color:#fff}.hint{font-size:var(--text-xs);color:var(--color-gray-500);font-style:italic}.error-text{color:var(--color-error);font-size:var(--text-xs);font-weight:500;margin-top:var(--space-xs)}.form-info{margin-top:var(--space-sm)}.info-box{background-color:var(--color-gray-100);border-left:4px solid var(--color-accent-gold);padding:var(--space-lg);border-radius:var(--radius-sm)}.info-box h4{margin:0 0 var(--space-sm) 0;color:var(--color-primary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-sans)}.info-box ul{margin:0;padding-left:var(--space-lg);list-style:disc}.info-box li{color:var(--color-gray-600);font-size:var(--text-xs);line-height:1.6;margin-bottom:var(--space-xs)}.info-box li:last-child{margin-bottom:0}.btn-submit{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-success) 0%,#1e7e34 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-sm);font-family:var(--font-sans)}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-submit:disabled{background:linear-gradient(135deg,var(--color-gray-500) 0%,var(--color-gray-600) 100%);cursor:not-allowed;opacity:.7}.json-panel{background-color:#fff;padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-lg);overflow:hidden;animation:fadeInUp .4s ease-out .1s backwards}.json-panel h3{margin:0;color:var(--color-primary);font-size:var(--text-lg);font-family:var(--font-primary)}.json-preview{background-color:var(--color-gray-900);border-radius:var(--radius-md);padding:var(--space-lg);overflow-y:auto;flex:1;font-family:var(--font-mono);border:1px solid var(--color-gray-700)}.json-preview pre{margin:0;color:var(--color-neutral-dark);font-size:var(--text-xs);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.form-panel::-webkit-scrollbar,.json-preview::-webkit-scrollbar{width:8px}.form-panel::-webkit-scrollbar-track,.json-preview::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}.form-panel::-webkit-scrollbar-thumb,.json-preview::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.form-panel::-webkit-scrollbar-thumb:hover,.json-preview::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media (max-width: 1200px){.location-create-content{grid-template-columns:1fr;max-height:auto}.form-panel,.json-panel{overflow-y:visible}}@media (max-width: 1024px){.form-row{grid-template-columns:1fr 1fr}.form-row .form-group:nth-child(3){grid-column:1 / -1}}@media (max-width: 768px){.location-create-content{gap:var(--space-lg)}.form-panel,.json-panel{padding:var(--space-lg)}.form-panel h2{font-size:var(--text-xl)}.json-panel h3{font-size:var(--text-base)}.json-preview pre{font-size:11px}.form-row{grid-template-columns:1fr}.form-row .form-group:nth-child(3){grid-column:auto}.section-title{font-size:var(--text-xs)}}.shipment-list-container{width:100%}.shipment-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);animation:fadeInDown .6s ease-out;animation-fill-mode:both}.shipment-list-header h2{margin:0;color:var(--color-primary);font-size:var(--text-3xl);font-weight:700;font-family:var(--font-primary)}.btn-create-shipment{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.btn-create-shipment:hover{background:linear-gradient(135deg,var(--color-accent-gold) 0%,#b8932b 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-create-shipment:active{transform:translateY(0)}.loading{text-align:center;padding:var(--space-2xl);color:var(--color-gray-600);font-size:var(--text-base)}.error-message{background:linear-gradient(135deg,rgba(192,57,43,.1) 0%,rgba(192,57,43,.05) 100%);border-left:4px solid var(--color-error);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex;justify-content:space-between;align-items:center}.error-message p{margin:0;color:var(--color-error);font-weight:500}.btn-retry{padding:var(--space-sm) var(--space-lg);background-color:var(--color-error);color:var(--color-surface);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-retry:hover{background-color:#8b0000;box-shadow:var(--shadow-md)}.no-shipments-message{background:linear-gradient(135deg,rgba(28,60,47,.05) 0%,rgba(28,60,47) 100%);border-left:4px solid var(--color-primary);padding:var(--space-2xl);border-radius:var(--radius-lg);text-align:center;color:var(--color-primary);border:1px solid var(--color-gray-200)}.no-shipments-message p{margin:var(--space-md) 0;font-size:var(--text-base);line-height:1.7;color:var(--color-gray-600)}.no-shipments-message p:first-child{font-weight:600;color:var(--color-primary);font-size:var(--text-lg)}.table-wrapper{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);overflow:hidden;animation:fadeIn .5s ease-out .1s;animation-fill-mode:both}.shipments-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.shipments-table thead{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-gray-700) 100%);color:var(--color-surface);border-bottom:2px solid var(--color-accent-gold)}.shipments-table th{padding:var(--space-lg);text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);font-family:var(--font-sans)}.shipments-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.shipments-table tbody tr:hover{background-color:#1c3c2f05}.shipments-table tbody tr:last-child{border-bottom:none}.shipments-table td{padding:var(--space-lg);color:var(--color-gray-600)}.shipments-table td.document-id{font-weight:600;color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs)}.shipments-table td.from-location,.shipments-table td.to-location{font-size:var(--text-xs);color:var(--color-gray-600)}.location-info{display:flex;flex-direction:column;gap:var(--space-xs)}.location-info .gln{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);font-weight:600}.location-info .name{font-size:var(--text-xs);color:var(--color-gray-600);font-weight:500}.shipments-table td.shipment-date{font-size:var(--text-xs);color:var(--color-gray-600)}.shipments-table td.status-cell{text-align:center}.shipments-table td.created-date{font-size:var(--text-xs);color:var(--color-gray-600)}.status-badge{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:20px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pending{background:linear-gradient(135deg,rgba(230,126,34,.15) 0%,rgba(230,126,34,.05) 100%);color:var(--color-warning);border:1px solid var(--color-warning)}.status-sent{background:linear-gradient(135deg,rgba(41,128,185,.15) 0%,rgba(41,128,185,.05) 100%);color:var(--color-info);border:1px solid var(--color-info)}.status-delivered{background:linear-gradient(135deg,rgba(39,174,96,.15) 0%,rgba(39,174,96,.05) 100%);color:var(--color-success);border:1px solid var(--color-success)}.status-failed{background:linear-gradient(135deg,rgba(192,57,43,.15) 0%,rgba(192,57,43,.05) 100%);color:var(--color-error);border:1px solid var(--color-error)}.status-cancelled,.status-unknown{background:linear-gradient(135deg,rgba(211,211,211,.2) 0%,rgba(211,211,211,.1) 100%);color:var(--color-gray-600);border:1px solid var(--color-gray-300)}.shipments-table td.actions{display:flex;gap:var(--space-sm)}.btn-action{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.btn-view{background-color:var(--color-primary);color:var(--color-surface)}.btn-view:hover:not(:disabled){background-color:var(--color-gray-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-view:disabled{opacity:.5;cursor:not-allowed}.btn-edit{background-color:var(--color-warning);color:var(--color-surface)}.btn-edit:hover:not(:disabled){background-color:#c35a1f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-edit:disabled{opacity:.5;cursor:not-allowed}.btn-delete{background-color:var(--color-error);color:var(--color-surface)}.btn-delete:hover:not(:disabled){background-color:#8b0000;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.shipment-count{padding:var(--space-lg);background:linear-gradient(90deg,rgba(28,60,47,.02) 0%,transparent 100%);border-top:1px solid var(--color-gray-200);text-align:right;color:var(--color-gray-600);font-size:var(--text-xs)}.shipment-count strong{color:var(--color-primary);font-weight:600}@media (max-width: 1024px){.shipments-table{font-size:var(--text-xs)}.shipments-table th,.shipments-table td{padding:var(--space-md)}.btn-action{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}}@media (max-width: 768px){.shipment-list-header{flex-direction:column;gap:var(--space-lg);align-items:flex-start}.btn-create-shipment{width:100%}.table-wrapper{overflow-x:auto}.shipments-table{font-size:var(--text-xs)}.shipments-table th,.shipments-table td{padding:var(--space-md)}.shipments-table td.actions{flex-direction:column;gap:var(--space-xs)}.btn-action{width:100%;padding:var(--space-md)}}.shipment-create-container{width:100%;padding:var(--space-lg)}.shipment-create-container h2{margin:0 0 var(--space-xl) 0;color:var(--color-primary);font-size:var(--text-3xl);font-weight:700;font-family:var(--font-primary);animation:fadeInDown .6s ease-out}.dual-pane-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl);animation:fadeIn .5s ease-out .1s;animation-fill-mode:both}.form-pane{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);padding:var(--space-lg);overflow-y:auto;max-height:80vh}.form-pane form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-section{display:flex;flex-direction:column;gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-gray-200)}.form-section:last-of-type{border-bottom:none}.form-section h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-dark);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{padding:var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-sans);transition:all var(--transition-base);background-color:var(--color-surface);color:var(--color-neutral-dark)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1c3c2f1a}.form-group input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-600);cursor:not-allowed}.shipment-line{background:linear-gradient(135deg,rgba(28,60,47,.02) 0%,rgba(28,60,47,0) 100%);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.line-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.line-header h4{margin:0;font-size:var(--text-base);font-weight:600;color:var(--color-primary)}.btn-remove-line{padding:var(--space-sm) var(--space-md);background-color:var(--color-error);color:var(--color-surface);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em}.btn-remove-line:hover{background-color:#8b0000;box-shadow:var(--shadow-md)}.btn-add-line{padding:var(--space-md) var(--space-lg);background-color:var(--color-success);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-lg)}.btn-add-line:hover{background-color:#1e7e34;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-submit{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gray-700) 100%);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-gold) 0%,#b8932b 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-submit:active:not(:disabled){transform:translateY(0)}.json-pane{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);max-height:80vh}.json-header{flex-shrink:0}.json-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.json-preview{flex:1;padding:var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral-dark);background-color:var(--color-gray-100);resize:none;overflow-y:auto;line-height:1.5}.error-message{background:linear-gradient(135deg,rgba(192,57,43,.1) 0%,rgba(192,57,43,.05) 100%);border-left:4px solid var(--color-error);padding:var(--space-lg);border-radius:var(--radius-md);margin-top:var(--space-lg)}.error-message p{margin:0;color:var(--color-error);font-weight:600}.success-message{background:linear-gradient(135deg,rgba(39,174,96,.1) 0%,rgba(39,174,96,.05) 100%);border-left:4px solid var(--color-success);padding:var(--space-lg);border-radius:var(--radius-md);margin-top:var(--space-lg)}.success-message p{margin:var(--space-sm) 0;color:var(--color-success);font-weight:600}.success-message p:first-child{margin-top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1400px){.dual-pane-layout{grid-template-columns:1fr}.form-pane,.json-pane{max-height:none}}@media (max-width: 768px){.shipment-create-container{padding:var(--space-md)}.dual-pane-layout{gap:var(--space-md)}.form-section h3{font-size:var(--text-base)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-md);font-size:var(--text-sm)}.json-preview{font-size:var(--text-xs)}.line-header{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.btn-remove-line,.btn-add-line,.btn-submit{width:100%}}.instructions-container{display:flex;align-items:flex-start;justify-content:flex-start;min-height:100%;padding:var(--space-2xl) var(--space-lg);background:linear-gradient(135deg,rgba(28,60,47,.02) 0%,rgba(28,60,47,0) 100%)}.instructions-content{width:100%;max-width:1000px;animation:fadeInUp .8s ease-out;animation-fill-mode:both}.instructions-content h2{color:var(--color-primary);font-size:var(--text-3xl);margin:0 0 var(--space-xl) 0;font-weight:700;font-family:var(--font-primary);letter-spacing:-.02em}.instructions-body{background-color:var(--color-surface);padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);border-left:4px solid var(--color-primary);animation:scaleInUp .6s ease-out .2s;animation-fill-mode:both;color:var(--color-gray-600);font-size:var(--text-base);line-height:1.8}.instruction-section{margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-gray-200)}.instruction-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.instruction-section h3{color:var(--color-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-md) 0;text-transform:uppercase;letter-spacing:.05em}.instruction-section p{margin:0 0 var(--space-md) 0;color:var(--color-neutral-dark);line-height:1.8}.instruction-section p:last-child{margin-bottom:0}@keyframes scaleInUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.home-container{display:flex;min-height:100vh;background-color:var(--color-surface)}.main-wrapper{display:flex;flex-direction:column;flex:1;margin-left:250px}.main-content{flex:1;padding:var(--space-2xl);background-color:var(--color-surface);background-image:linear-gradient(135deg,rgba(28,60,47,.02) 0%,rgba(28,60,47,0) 100%),radial-gradient(circle at 80% 20%,rgba(200,169,75,.015) 0%,transparent 50%);animation:fadeInUp .7s ease-out .3s;animation-fill-mode:both}.content-section{background-color:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);border-left:4px solid var(--color-primary);animation:scaleIn .5s ease-out .4s;animation-fill-mode:both}.content-section h2{color:var(--color-primary);margin-top:0;margin-bottom:var(--space-lg);font-size:var(--text-2xl);font-family:var(--font-primary)}.content-section p{color:var(--color-gray-600);line-height:1.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.container{max-width:1200px;margin:0 auto;padding:var(--space-xl);text-align:center}.container h1{color:var(--color-primary);margin-bottom:var(--space-lg);font-family:var(--font-primary)}.container p{color:var(--color-gray-600);font-size:var(--text-lg);line-height:1.8}:root{--color-primary: #1C3C2F;--color-surface: #F8F9F4;--color-neutral-dark: #2A2E2B;--color-neutral-light: #D9DBD4;--color-accent-gold: #C8A94B;--color-error: #C0392B;--color-success: #27AE60;--color-gray-100: #F5F7F4;--color-gray-200: #E8EBEA;--color-gray-300: #D9DBD4;--color-gray-500: #7F8C8D;--color-gray-600: #5A6C6D;--color-gray-700: #3A4F4D;--color-gray-900: #1A1F1E;--color-info: #2980B9;--color-warning: #E67E22;--font-primary: "IBM Plex Serif", "Crimson Text", Georgia, serif;--font-sans: "Syne", "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--shadow-sm: 0 1px 3px rgba(28, 60, 47, .08);--shadow-md: 0 2px 8px rgba(28, 60, 47, .12);--shadow-lg: 0 4px 16px rgba(28, 60, 47, .15);--shadow-xl: 0 8px 24px rgba(28, 60, 47, .18);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-neutral-dark);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(135deg,rgba(28,60,47,.02) 0%,rgba(28,60,47,0) 100%),radial-gradient(circle at 20% 50%,rgba(200,169,75,.01) 0%,transparent 50%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.3;color:var(--color-primary);letter-spacing:-.02em}h1{font-size:var(--text-4xl);margin-bottom:var(--space-lg)}h2{font-size:var(--text-3xl);margin-bottom:var(--space-md)}h3{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md);color:var(--color-gray-600);line-height:1.7}code{font-family:var(--font-mono);background-color:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em;color:var(--color-primary)}