:root{--gap: 12px;--brand-primary: #f2a812;--brand-primary-hover: #dc970d;--card: #fff;--bg: #f2f4f7;--text-primary: #222;--text-secondary: #666;--border-color: #d9d9d9;--danger-background: #fde8e8;--danger-text: #9b1c1c;--success-background: #eef8ee;--success-text: #27632a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#111}button{padding:8px 12px;border:none;border-radius:8px;cursor:pointer}.page-container{width:100%;max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}.top-navigation{position:sticky;top:0;z-index:900;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding:6px 20px;background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 3px 10px #0000001f}.top-navigation-left{display:flex;justify-content:flex-start;align-items:center}.top-navigation-right{min-width:44px}.top-navigation-logo{display:flex;align-items:center;justify-content:center}.top-navigation-logo img{display:block;max-width:180px;max-height:50px;width:auto;height:auto;object-fit:contain}.hamburger-button{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border:none;border-radius:7px;background:transparent;cursor:pointer}.hamburger-button span{display:block;width:24px;height:3px;background:var(--brand-primary);border-radius:2px}.hamburger-button:hover{background:#f2a8121a}.hamburger-button:focus-visible{outline:3px solid rgba(242,168,18,.35);outline-offset:2px}.navigation-menu{position:absolute;top:calc(100% + 4px);left:12px;z-index:1000;width:220px;padding:8px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 5px 18px #00000029}.navigation-menu button{display:block;width:100%;min-height:46px;padding:10px 12px;background:transparent;color:var(--text-primary);text-align:left;font-size:16px;font-weight:600}.navigation-menu button:hover{background:#f2a8121a}.navigation-menu-logout{margin-top:4px;border-top:1px solid #eee!important}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 20px;background:var(--bg)}.login-card{width:100%;max-width:420px;padding:36px;background:var(--card);border-radius:10px;box-shadow:0 4px 20px #00000014}.login-logo{display:flex;justify-content:center;margin-bottom:24px}.login-logo img{display:block;width:280px;max-width:100%;height:auto}.login-brand{margin-bottom:28px}.login-brand h1{margin:0 0 8px;font-size:30px;line-height:1.2;color:var(--text-primary)}.login-brand h1:after{content:"";display:block;width:60px;height:4px;margin-top:14px;background:var(--brand-primary);border-radius:2px}.login-brand p{margin:16px 0 0;color:var(--text-secondary);font-size:15px}.login-field{margin-bottom:18px}.login-field label{display:block;margin-bottom:6px;color:var(--text-primary);font-size:14px;font-weight:600}.login-field input{width:100%;min-height:48px;padding:10px 12px;font-size:16px;border:1px solid var(--border-color);border-radius:6px;background:#fff;outline:none}.login-field input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f2a8122e}.login-submit{width:100%;min-height:50px;margin-top:8px;background:var(--brand-primary);color:#1f1f1f;font-size:17px;font-weight:700;transition:background .15s ease,transform .05s ease}.login-submit:hover{background:var(--brand-primary-hover)}.login-submit:active{transform:translateY(1px)}.login-error,.login-notification{margin-bottom:18px;padding:12px 14px;border-radius:6px;font-size:14px}.login-error{background:var(--danger-background);color:var(--danger-text)}.login-notification{background:var(--success-background);color:var(--success-text)}.options-header{margin-top:24px;margin-bottom:20px}.options-header h2{margin:0;color:var(--brand-primary);font-size:26px;font-weight:700}.options-header p{margin:6px 0 0;color:var(--text-secondary);font-size:16px;font-weight:600}.options-grid{display:grid;grid-template-columns:repeat(2,220px);justify-content:center;gap:18px;width:100%;margin-top:22px;margin-bottom:28px}.option-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:220px;min-height:170px;padding:16px;background:var(--card);color:var(--text-primary);border:2px solid var(--brand-primary);border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .08s ease}.option-button:hover{background:#f2a8120f;box-shadow:0 4px 12px #00000017}.option-button:active{transform:translateY(1px)}.option-button:focus-visible{outline:3px solid rgba(242,168,18,.18);outline-offset:3px}.new-order-icon,.saved-orders-icon{display:block;width:100px;height:100px;object-fit:contain;margin:0 auto 10px}.option-button-label{display:block;font-size:18px;font-weight:700;text-align:center}.products-header{margin-bottom:18px}.saved-order-help{margin:5px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.4}.products-heading{margin-top:24px;margin-bottom:18px;color:var(--brand-primary);font-size:26px;font-weight:700}.product-selector{position:relative;margin-top:12px;margin-bottom:16px;padding:18px;background:var(--card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 10px #0000000d}.product-selector label{display:block;margin-bottom:8px;color:var(--text-primary);font-size:14px;font-weight:700}.product-search{width:100%;min-height:50px;padding:10px 12px;background:#fff;border:1px solid var(--border-color);border-radius:8px;font-size:17px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.product-search:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f2a81226}.product-results{position:absolute;left:18px;right:18px;top:calc(100% - 18px);z-index:1000;max-height:320px;overflow-y:auto;background:#fff;border:1px solid var(--border-color);border-radius:0 0 8px 8px;box-shadow:0 6px 16px #0000001f}.product-option{display:block;width:100%;min-height:48px;padding:12px 14px;background:#fff;border:none;border-bottom:1px solid #eee;color:var(--text-primary);text-align:left;font-size:16px;cursor:pointer}.product-option:last-child{border-bottom:none}.product-option:hover{background:#f2a81214}.no-products{padding:14px;color:var(--text-secondary);font-size:15px}.selected-product{margin-bottom:28px;padding:18px;background:var(--card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 10px #0000000d}.product-description{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #eee;color:var(--text-primary);font-size:19px;font-weight:700}.product-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.product-details>div{min-width:0}.product-details span{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:13px;font-weight:600}.product-details strong{display:flex;align-items:center;min-height:46px;padding:8px 10px;background:#f7f7f7;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary)}.quantity-input{width:100px;min-height:48px;padding:8px 10px;font-size:18px;text-align:center;border:1px solid #ccc;border-radius:6px;-moz-appearance:textfield}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.order-text-field{margin-top:15px}.order-text-field label,.cart-text-field label{display:block;margin-bottom:5px;color:#555;font-size:14px}.order-text-field input{width:100%;min-height:44px;padding:8px 10px;font-size:16px;border:1px solid #ccc;border-radius:5px}.selected-product .order-text-field{margin-top:14px}.selected-product .order-text-field label{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:13px;font-weight:600}.selected-product .order-text-field input{width:100%;min-height:44px;padding:8px 10px;font-size:16px;background:#fff;border:1px solid var(--border-color);border-radius:6px;outline:none}.selected-product .order-text-field input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f2a81226}.product-add-button{min-width:160px;min-height:48px;padding:10px 24px;margin:18px 0 24px;background:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:8px;color:#222;font-size:17px;font-weight:700;cursor:pointer}.product-add-button:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.product-add-button{min-height:48px;padding:10px 30px;margin-top:20px;font-size:18px}.product-add-button:disabled,.review-order-button:disabled{opacity:.45;cursor:not-allowed}.template-overlay,.logout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000073}.template-dialog{width:100%;max-width:500px;padding:24px;background:var(--card);border-radius:10px;box-shadow:0 8px 28px #0000002e}.template-dialog h3{margin-top:0;color:var(--brand-primary);font-size:21px}.template-dialog p{color:var(--text-secondary);line-height:1.45}.template-dialog input{width:100%;min-height:46px;padding:8px 10px;font-size:16px;border:1px solid var(--border-color);border-radius:6px;outline:none}.template-dialog input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f2a81226}.template-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.template-actions button{min-height:44px;padding:8px 18px;border-radius:7px}.template-cancel-button{background:#e9e9e9;border:1px solid #d6d6d6;color:#333}.template-save-button{background:var(--brand-primary);border:1px solid var(--brand-primary);color:#222;font-weight:700}.template-save-button:hover:not(:disabled){background:var(--brand-primary-hover)}.template-actions button:disabled{opacity:.5;cursor:not-allowed}.logout-dialog{width:100%;max-width:400px;padding:24px;background:#fff;border-radius:8px}.logout-dialog h3{margin-top:0}.logout-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.logout-dialog-actions button{min-height:44px;padding:8px 18px;font-size:15px;border-radius:6px}.logout-cancel-button{background:#e9e9e9;border:1px solid #d6d6d6;color:#333}.logout-cancel-button:hover{background:#dedede}.logout-confirm-button{background:var(--brand-primary);border:1px solid var(--brand-primary);color:#222;font-weight:700}.logout-confirm-button:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}@media (max-width: 700px){.page-container{padding-left:16px;padding-right:16px}.product img{height:180px}.product-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-option{min-height:48px}.order-text-field input{width:100%}.review-item{grid-template-columns:repeat(3,minmax(0,1fr))}.review-product,.review-extra,.zero-quantity-message{grid-column:1 / -1}.review-actions{flex-direction:column}.review-actions button{width:100%}}@media (max-width: 600px){.top-navigation{min-height:58px;padding:5px 12px}.top-navigation-logo img{max-width:145px;max-height:44px}.navigation-menu{left:8px;width:200px}.login-page{align-items:flex-start;padding-top:40px}.login-card{padding:26px 20px}.login-brand h1{font-size:26px}.options-grid{grid-template-columns:repeat(2,135px);justify-content:center;gap:8px}.option-button{width:135px;min-height:135px;padding:8px}.new-order-icon,.saved-orders-icon{width:70px;height:70px}.option-button-label{font-size:15px}.cart-item{margin-bottom:10px;padding:12px}.cart-values-row{gap:6px}.cart-value-column>label{font-size:11px}.cart-quantity-value{gap:3px}.cart-quantity-value .quantity-input{width:62px;padding-left:4px;padding-right:4px;font-size:14px}.cart-value-display{padding:8px 5px;font-size:14px}.order-total{font-size:18px}.order-total strong:last-child{font-size:20px}.review-page-heading{margin-top:18px;font-size:23px}.review-venue,.review-order-details,.review-item{padding:13px}.review-item{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.review-order-total{font-size:18px}.review-values-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.review-value span{font-size:11px}.review-order-total strong{font-size:20px}.review-actions{gap:9px}.review-value strong{min-height:40px;padding:8px 5px;font-size:14px}.review-field-help{display:block;margin-top:-2px;margin-bottom:8px;color:var(--text-secondary);font-size:13px}.products-heading{margin-top:18px;font-size:23px}.product-selector,.selected-product{padding:14px}.product-results{left:14px;right:14px;top:calc(100% - 14px)}.product-description{font-size:18px}.selected-product .product-add-button{width:100%;min-height:50px}.confirm-order-button{margin-bottom:18px}.saved-templates-header{margin-top:18px}.saved-templates-header h2{font-size:23px}.saved-template-button{min-height:58px;padding:12px 42px 12px 13px;font-size:15px}.saved-template-button:after{right:14px}.template-dialog{padding:20px 16px}.saved-order-help{font-size:13px}.venue-address{font-size:12px}.app-state{margin-top:16px;padding:18px 14px}}.cart{margin-top:34px}.cart>h2{margin-top:0;margin-bottom:16px;color:var(--brand-primary);font-size:23px;font-weight:700}.cart-item{display:block;width:100%;margin-bottom:14px;padding:16px;background:var(--card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000a}.cart-item-info{display:block;width:100%;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #eee}.cart-item-info strong{display:block;color:var(--text-primary);font-size:17px;font-weight:700}.cart-item-info small{display:block;margin-top:4px;color:var(--text-secondary);font-size:13px}.cart-text-field{display:block;width:100%;margin-bottom:12px}.cart-text-field label{display:block;margin-bottom:5px;color:var(--text-secondary);font-size:13px;font-weight:600}.cart-text-field input{display:block;width:100%;min-height:42px;padding:8px 10px;background:#fff;border:1px solid var(--border-color);border-radius:6px;font-size:16px;outline:none}.cart-text-field input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f2a8121f}.cart-values-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-top:8px;margin-bottom:12px}.cart-value-column{min-width:0}.cart-value-column>label{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.cart-quantity-value{display:flex;align-items:center;gap:6px}.cart-quantity-value .quantity-input{width:90px;min-height:42px;border-color:var(--border-color)}.cart-quantity-value .quantity-input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #f2a8121f}.cart-quantity-value span{color:var(--text-secondary);font-size:14px;font-weight:600;white-space:nowrap}.cart-value-display{display:flex;align-items:center;min-height:42px;padding:8px 10px;background:#f7f7f7;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-weight:700}.selected-product .quantity-input{width:100%;min-height:46px;font-size:17px;border:1px solid var(--border-color);border-radius:6px;outline:none}.selected-product .quantity-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f2a81226}.cart-remove-row{display:flex;justify-content:flex-start;width:100%;margin-top:8px}.product-remove-button{min-height:40px;padding:8px 14px;background:#ededed;border:1px solid #d4d4d4;color:#444;font-size:14px;font-weight:600}.product-remove-button:hover{background:#e2e2e2;border-color:#c8c8c8}.order-total{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 4px 0;border-top:2px solid var(--brand-primary);color:var(--text-primary);font-size:21px}.order-total strong:last-child{font-size:23px}.review-order-button{width:100%;min-height:54px;margin:20px 0 24px;padding:10px 16px;background:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:8px;color:#222;font-size:18px;font-weight:700}.review-order-button:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.review-order-button:disabled{opacity:.45;cursor:not-allowed}.review-page-heading{margin-top:24px;margin-bottom:18px;color:var(--brand-primary);font-size:26px;font-weight:700}.review-venue{width:100%;margin-bottom:18px;padding:16px 18px;background:var(--card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000a}.review-venue-label{display:block;margin-bottom:5px;color:var(--text-secondary);font-size:13px;font-weight:600}.review-venue strong{display:block;color:var(--text-primary);font-size:17px}.review-venue div{margin-top:3px;color:var(--text-secondary);font-size:14px}.review-order-details{width:100%;margin-bottom:20px;padding:18px;background:var(--card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000a}.review-order-details h3{margin:0 0 16px;color:var(--text-primary);font-size:18px}.review-field{margin-bottom:14px}.review-field:last-child{margin-bottom:0}.review-field label{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:13px;font-weight:600}.delivery-date-input,.order-reference-input,.order-comments-input{width:100%;padding:9px 10px;background:#fff;border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:16px;outline:none}.delivery-date-input,.order-reference-input{max-width:420px;min-height:46px}.delivery-date-input:focus,.order-reference-input:focus,.order-comments-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f2a81226}.review-section{margin-bottom:20px}.review-products-heading{margin-top:26px;margin-bottom:14px;color:var(--brand-primary);font-size:22px;font-weight:700}.review-item{display:block;width:100%;margin-bottom:12px;padding:16px;background:var(--card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000a}.review-product{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #eee}.review-product strong{display:block;color:var(--text-primary);font-size:17px;font-weight:700}.review-product small{display:block;margin-top:4px;color:var(--text-secondary);font-size:13px}.review-values-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-top:10px}.review-value{min-width:0}.review-value span{display:block;margin-bottom:5px;color:var(--text-secondary);font-size:12px;font-weight:700;text-transform:uppercase}.review-value strong{display:flex;align-items:center;min-height:40px;padding:9px 8px;background:#f7f7f7;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-weight:700}.review-extra{display:block;margin-top:10px;padding-top:8px;border-top:1px solid #eee;color:var(--text-primary);font-size:14px}.review-extra strong{display:inline;margin-right:5px;color:var(--text-secondary)}.zero-quantity{opacity:.68}.zero-quantity-message{margin-top:10px;padding:8px 10px;background:#f7f7f7;border-radius:6px;color:var(--text-secondary);font-size:12px;font-style:italic}.review-order-total{display:flex;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:18px;padding:16px 4px 0;border-top:2px solid var(--brand-primary);color:var(--text-primary);font-size:20px}.review-order-total strong:last-child{font-size:23px}.review-comments-section{margin-top:18px}.order-comments-input{max-width:100%;min-height:100px;resize:vertical}.comments-counter{display:block;margin-top:6px;color:var(--text-secondary);font-size:12px}.review-section small{margin-top:5px;color:var(--text-secondary);font-size:12px}.review-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:22px}.review-actions button{width:100%;min-height:50px;padding:10px 16px;border-radius:8px;font-size:17px;font-weight:700}.review-actions button:disabled{opacity:.5;cursor:not-allowed}.back-order-button,.save-template-button{background:#e9e9e9;border:1px solid #d6d6d6;color:#333}.back-order-button:hover,.save-template-button:hover{background:#dedede}.append-order-button{background:#fff;border:2px solid var(--brand-primary);color:#333}.append-order-button:hover:not(:disabled){background:#f2a81214}.confirm-order-button{margin-bottom:18px;background:var(--brand-primary);border:1px solid var(--brand-primary);color:#222}.confirm-order-button:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.venues-header{margin-top:24px;margin-bottom:20px}.venues-header h2{margin:0;color:var(--brand-primary);font-size:26px;font-weight:700}.venues-header p{margin:7px 0 0;color:var(--text-secondary);font-size:15px}.venue-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:700px}.venue-button{position:relative;display:flex;align-items:center;width:100%;min-height:66px;padding:13px 46px 13px 16px;background:var(--card);border:1px solid var(--border-color);border-left:4px solid var(--brand-primary);border-radius:8px;text-align:left;box-shadow:0 2px 7px #0000000a;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.venue-button:after{content:"›";position:absolute;right:17px;top:50%;transform:translateY(-52%);color:var(--brand-primary);font-size:27px;font-weight:400}.venue-button-content{min-width:0}.venue-button strong{display:block;color:var(--text-primary);font-size:16px;font-weight:700}.venue-button small{display:block;margin-top:4px;color:var(--text-secondary);font-size:13px}.venue-button:hover{background:#f2a8120f;border-color:var(--brand-primary);box-shadow:0 3px 10px #00000012}.venue-button:active{transform:translateY(1px)}.venue-button:focus-visible{outline:3px solid rgba(242,168,18,.25);outline-offset:2px}.venues-empty{width:100%;max-width:700px;padding:24px 18px;background:var(--card);border:1px dashed var(--border-color);border-radius:10px;text-align:center}.venues-empty strong{display:block;margin-bottom:5px;color:var(--text-primary);font-size:17px}.venues-empty span{color:var(--text-secondary);font-size:14px}.venue-address{display:block;margin-top:5px;color:var(--text-secondary);font-size:13px;line-height:1.4}.saved-templates-header{margin-top:24px;margin-bottom:20px}.saved-templates-header h2{margin:0;color:var(--brand-primary);font-size:26px;font-weight:700}.saved-templates-header p{margin:7px 0 0;color:var(--text-secondary);font-size:15px}.saved-template-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:700px}.saved-template-button{position:relative;display:flex;align-items:center;width:100%;min-height:62px;padding:14px 46px 14px 16px;background:var(--card);border:1px solid var(--border-color);border-left:4px solid var(--brand-primary);border-radius:8px;color:var(--text-primary);text-align:left;font-size:16px;font-weight:700;box-shadow:0 2px 7px #0000000a;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.saved-template-button:after{content:"›";position:absolute;right:17px;top:50%;transform:translateY(-52%);color:var(--brand-primary);font-size:27px}.saved-template-button:hover{background:#f2a8120f;border-color:var(--brand-primary);box-shadow:0 3px 10px #00000012}.saved-template-button:active{transform:translateY(1px)}.saved-templates-empty{width:100%;max-width:700px;padding:24px 18px;background:var(--card);border:1px dashed var(--border-color);border-radius:10px;text-align:center}.saved-templates-empty strong{display:block;margin-bottom:6px;color:var(--text-primary);font-size:18px}.saved-templates-empty span{display:block;margin-bottom:18px;color:var(--text-secondary);font-size:14px}.saved-templates-back-button{min-height:44px;padding:8px 18px;background:var(--brand-primary);border:1px solid var(--brand-primary);color:#222;font-size:15px;font-weight:700}.saved-templates-back-button:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.app-state{width:100%;max-width:700px;margin-top:20px;padding:22px 18px;background:var(--card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000a}.app-state strong{display:block;margin-bottom:6px;color:var(--text-primary);font-size:17px;font-weight:700}.app-state span,.app-state p{display:block;margin:0;color:var(--text-secondary);font-size:14px;line-height:1.45}.app-state-loading{border-left:4px solid var(--brand-primary)}.app-state-error{background:var(--danger-background);border:1px solid rgba(155,28,28,.18);border-left:4px solid var(--danger-text)}.app-state-error strong,.app-state-error span,.app-state-error p{color:var(--danger-text)}.app-state-empty{border:1px dashed var(--border-color)}.app-state-action{display:inline-block;min-height:44px;margin-top:16px;padding:8px 18px;background:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:7px;color:#222;font-size:15px;font-weight:700}.app-state-action:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.help-header{margin-top:24px;margin-bottom:20px}.help-header h2{margin:0;color:var(--brand-primary);font-size:26px;font-weight:700}.help-header p{margin:7px 0 0;color:var(--text-secondary);font-size:15px}.help-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:700px}.help-link{font-family:inherit;position:relative;display:flex;align-items:center;width:100%;min-height:68px;padding:14px 46px 14px 16px;background:var(--card);border:1px solid var(--border-color);border-left:4px solid var(--brand-primary);border-radius:8px;color:var(--text-primary);text-decoration:none;box-shadow:0 2px 7px #0000000a;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.help-link:after{content:"›";position:absolute;right:17px;top:50%;transform:translateY(-52%);color:var(--brand-primary);font-size:27px}.help-link:hover{background:#f2a8120f;border-color:var(--brand-primary);box-shadow:0 3px 10px #00000012}.help-link:active{transform:translateY(1px)}.help-link:focus-visible{outline:3px solid rgba(242,168,18,.25);outline-offset:2px}.help-link-content{min-width:0}.help-link-content strong{display:block;color:var(--text-primary);font-size:16px;font-weight:700}.help-link-content small{display:block;margin-top:4px;color:var(--text-secondary);font-size:13px}@media (max-width: 600px){.help-header{margin-top:18px}.help-header h2{font-size:23px}.help-link{min-height:62px;padding:12px 42px 12px 13px}.help-link:after{right:14px}}.page-container .help-header{width:100%;max-width:700px;margin-top:24px;margin-bottom:18px}.page-container .help-header h2{margin:0;color:var(--brand-primary);font-size:26px;font-weight:700}.page-container .help-header p{margin:7px 0 0;color:var(--text-secondary);font-size:15px;line-height:1.4}.page-container .report-issue-form{display:block;width:100%;max-width:700px;margin:0;padding:20px;background:var(--card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000a}.report-issue-form .report-issue-field{display:block;width:100%;margin:0 0 22px}.report-issue-form .report-issue-field:last-of-type{margin-bottom:0}.report-issue-form .report-issue-field label{display:block;margin:0 0 5px;color:var(--text-primary);font-size:14px;font-weight:700}.report-issue-form .report-issue-help{display:block;margin:0 0 9px;color:var(--text-secondary);font-size:13px;line-height:1.4}.report-issue-form select,.report-issue-form textarea{display:block;width:100%;margin:0;padding:10px 12px;box-sizing:border-box;background:#fff;border:1px solid var(--border-color);border-radius:7px;color:var(--text-primary);font-family:inherit;font-size:16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.report-issue-form select{height:48px;cursor:pointer}.report-issue-form textarea{min-height:180px;line-height:1.45;resize:vertical}.report-issue-form select:focus,.report-issue-form textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f2a81226}.report-issue-form .report-issue-counter{display:block;margin-top:7px;color:var(--text-secondary);font-size:12px;text-align:right}.report-issue-form .report-issue-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:24px}.report-issue-form .report-issue-actions button{width:100%;min-height:50px;margin:0;padding:10px 16px;border-radius:8px;font-family:inherit;font-size:16px;font-weight:700}.report-issue-form .report-issue-back-button{background:#e9e9e9;border:1px solid #d6d6d6;color:#333}.report-issue-form .report-issue-back-button:hover:not(:disabled){background:#dedede}.report-issue-form .report-issue-send-button{background:var(--brand-primary);border:1px solid var(--brand-primary);color:#222}.report-issue-form .report-issue-send-button:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.report-issue-form .report-issue-actions button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.page-container .help-header{margin-top:18px}.page-container .help-header h2{font-size:23px}.page-container .report-issue-form{padding:14px}.report-issue-form .report-issue-actions{grid-template-columns:1fr}.report-issue-form .report-issue-counter{text-align:left}}.app-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000073}.app-dialog{width:100%;max-width:420px;padding:24px;background:var(--card);border-radius:10px;box-shadow:0 8px 28px #0000002e}.app-dialog h3{margin:0 0 10px;color:var(--brand-primary);font-size:22px}.app-dialog p{margin:0 0 20px;color:var(--text-secondary);font-size:15px;line-height:1.45;white-space:pre-line}.app-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.app-dialog-actions button{min-width:110px;min-height:48px;padding:10px 18px;border-radius:8px;font-family:inherit;font-size:16px;font-weight:700}.app-dialog-primary-button{background:var(--brand-primary);border:1px solid var(--brand-primary);color:#222}.app-dialog-primary-button:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.app-dialog-secondary-button{background:#e9e9e9;border:1px solid #d6d6d6;color:#333}.app-dialog-secondary-button:hover{background:#dedede}.app-dialog-actions button:focus-visible{outline:3px solid rgba(242,168,18,.25);outline-offset:2px}@media (max-width: 600px){.app-dialog{padding:20px 16px}.app-dialog-actions{flex-direction:column}.app-dialog-actions button{width:100%}}
