.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--sg-bg-page);padding:var(--sg-space-4)}.login-loading{display:flex;flex-direction:column;align-items:center;gap:var(--sg-space-4);color:var(--sg-text-secondary)}.login-spinner{width:40px;height:40px;border:3px solid var(--sg-border);border-top-color:var(--sg-link);border-radius:50%;animation:spin .8s linear infinite}.login-card{width:100%;max-width:420px;background-color:var(--sg-bg-card);border-radius:var(--sg-radius-xl);box-shadow:var(--sg-shadow-xl);padding:var(--sg-space-10);text-align:center}.login-logo{margin-bottom:var(--sg-space-6)}.login-logo img{width:120px;height:120px;margin:0 auto;object-fit:contain}.login-title{font-family:var(--sg-font-heading);font-size:var(--sg-text-2xl);font-weight:var(--sg-font-bold);letter-spacing:var(--sg-tracking-wider);text-transform:uppercase;color:var(--sg-text-primary);margin-bottom:var(--sg-space-2)}.login-subtitle{font-size:var(--sg-text-sm);color:var(--sg-text-secondary);margin-bottom:var(--sg-space-6)}.login-error{display:flex;align-items:center;gap:var(--sg-space-2);padding:var(--sg-space-3) var(--sg-space-4);background-color:#dc262614;border:1px solid rgb(220 38 38 / .2);border-radius:var(--sg-radius-md);color:var(--sg-error);font-size:var(--sg-text-sm);margin-bottom:var(--sg-space-6);text-align:left}.login-error-icon{width:20px;height:20px;flex-shrink:0}.login-form{text-align:left}.form-group{margin-bottom:var(--sg-space-5)}.form-group input{width:100%;padding:var(--sg-space-3) var(--sg-space-4);font-size:var(--sg-text-base);border:1px solid var(--sg-border);border-radius:var(--sg-radius-md);background-color:var(--sg-bg-card);transition:border-color var(--sg-transition-fast),box-shadow var(--sg-transition-fast)}.form-group input:focus{outline:none;border-color:var(--sg-link);box-shadow:0 0 0 3px #028b7126}.form-group input:disabled{background-color:var(--sg-bg-page);cursor:not-allowed}.form-group input::placeholder{color:var(--sg-text-secondary)}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--sg-space-2);padding:var(--sg-space-4) var(--sg-space-6);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-bold);letter-spacing:var(--sg-tracking-wider);text-transform:uppercase;color:var(--sg-btn-primary-text);background-color:var(--sg-btn-primary-bg);border:none;border-radius:var(--sg-radius-md);cursor:pointer;transition:background-color var(--sg-transition-fast),transform var(--sg-transition-fast);margin-top:var(--sg-space-6)}.login-button:hover:not(:disabled){background-color:var(--sg-btn-primary-hover)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button-spinner{width:16px;height:16px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.login-footer{margin-top:var(--sg-space-8);font-size:var(--sg-text-xs);color:var(--sg-text-secondary);letter-spacing:var(--sg-tracking-wide)}@media (max-width: 480px){.login-card{padding:var(--sg-space-6);border-radius:var(--sg-radius-lg)}.login-logo img{width:100px;height:100px}.login-title{font-size:var(--sg-text-xl)}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-header{flex-shrink:0}.layout-container{flex:1;display:flex}.layout-sidebar{flex-shrink:0;width:260px}.layout-main{flex:1;min-width:0}.admin-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--sg-bg-page)}.admin-header{position:sticky;top:0;z-index:var(--sg-z-sticky);background-color:var(--sg-bg-dark);height:var(--sg-header-height);box-shadow:var(--sg-shadow-md)}.admin-header-inner{max-width:var(--sg-max-width-content);margin:0 auto;padding:0 var(--sg-space-6);height:100%;display:flex;align-items:center;gap:var(--sg-space-8)}.admin-header-logo{display:flex;align-items:center;flex-shrink:0}.admin-header-logo img{height:32px;width:auto}.admin-nav{display:flex;align-items:center;gap:var(--sg-space-1);flex:1}.admin-nav-link{padding:var(--sg-space-2) var(--sg-space-4);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-medium);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;color:var(--sg-text-inverse);opacity:.7;border-radius:var(--sg-radius-md);transition:opacity var(--sg-transition-fast),background-color var(--sg-transition-fast);text-decoration:none}.admin-nav-link:hover{opacity:1;background-color:#ffffff1a;color:var(--sg-text-inverse)}.admin-nav-link.active{opacity:1;background-color:#ffffff26;color:var(--sg-accent)}.admin-user-menu{display:flex;align-items:center;gap:var(--sg-space-4);flex-shrink:0}.admin-user-name{font-size:var(--sg-text-sm);color:var(--sg-text-inverse);opacity:.8}.admin-logout-btn{padding:var(--sg-space-2) var(--sg-space-4);font-size:var(--sg-text-xs);background-color:transparent;color:var(--sg-text-inverse);border:1px solid rgb(255 255 255 / .3);border-radius:var(--sg-radius-md);cursor:pointer;transition:all var(--sg-transition-fast)}.admin-logout-btn:hover{background-color:#ffffff1a;border-color:#ffffff80}.admin-main{flex:1;padding:var(--sg-space-8) 0}.admin-content{max-width:var(--sg-max-width-content);margin:0 auto;padding:0 var(--sg-space-6)}.protected-route-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sg-space-4);color:var(--sg-text-secondary);background-color:var(--sg-bg-page)}.protected-route-spinner{width:40px;height:40px;border:3px solid var(--sg-border);border-top-color:var(--sg-link);border-radius:50%;animation:spin .8s linear infinite}.customer-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--sg-bg-page)}.customer-header{background-color:var(--sg-bg-card);padding:var(--sg-space-4) var(--sg-space-6);border-bottom:1px solid var(--sg-border-light);display:flex;justify-content:center}.customer-logo{height:40px;width:auto}.customer-main{flex:1;max-width:var(--sg-max-width-lg);margin:0 auto;padding:var(--sg-space-8) var(--sg-space-6);width:100%}@media (max-width: 768px){.admin-header-inner{padding:0 var(--sg-space-4);gap:var(--sg-space-4)}.admin-header-logo img{height:24px}.admin-nav{gap:0}.admin-nav-link{padding:var(--sg-space-2) var(--sg-space-3);font-size:var(--sg-text-xs)}.admin-user-name{display:none}.admin-content{padding:0 var(--sg-space-4)}.admin-main{padding:var(--sg-space-6) 0}}@media (max-width: 480px){.admin-nav-link{padding:var(--sg-space-2)}}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sg-space-6);margin-bottom:var(--sg-space-8)}.dashboard-header h1{margin-bottom:var(--sg-space-1)}.dashboard-subtitle{color:var(--sg-text-secondary);font-size:var(--sg-text-sm);margin:0}.btn-create{display:inline-flex;align-items:center;gap:var(--sg-space-2);padding:var(--sg-space-3) var(--sg-space-5);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;color:var(--sg-btn-primary-text);background-color:var(--sg-btn-primary-bg);border-radius:var(--sg-radius-md);text-decoration:none;transition:background-color var(--sg-transition-fast);flex-shrink:0}.btn-create:hover{background-color:var(--sg-btn-primary-hover);color:var(--sg-btn-primary-text)}.btn-create svg{width:18px;height:18px}.dashboard-error{display:flex;align-items:center;justify-content:space-between;padding:var(--sg-space-4) var(--sg-space-5);background-color:#dc262614;border:1px solid rgb(220 38 38 / .2);border-radius:var(--sg-radius-lg);color:var(--sg-error);margin-bottom:var(--sg-space-6)}.dashboard-error p{margin:0}.dashboard-error button{padding:var(--sg-space-2) var(--sg-space-4);font-size:var(--sg-text-xs);background-color:var(--sg-error);color:#fff}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sg-space-16) 0;color:var(--sg-text-secondary)}.dashboard-spinner{width:40px;height:40px;border:3px solid var(--sg-border);border-top-color:var(--sg-link);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--sg-space-4)}.dashboard-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sg-space-16) var(--sg-space-6);background-color:var(--sg-bg-card);border-radius:var(--sg-radius-xl);box-shadow:var(--sg-shadow-card)}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--sg-bg-page);border-radius:50%;margin-bottom:var(--sg-space-6)}.empty-icon svg{width:40px;height:40px;color:var(--sg-text-secondary)}.dashboard-empty h2{font-size:var(--sg-text-xl);margin-bottom:var(--sg-space-2)}.dashboard-empty p{color:var(--sg-text-secondary);margin-bottom:var(--sg-space-6)}.btn-create-large{display:inline-flex;align-items:center;padding:var(--sg-space-4) var(--sg-space-8);font-family:var(--sg-font-heading);font-size:var(--sg-text-base);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;color:var(--sg-btn-primary-text);background-color:var(--sg-btn-primary-bg);border-radius:var(--sg-radius-md);text-decoration:none;transition:background-color var(--sg-transition-fast)}.btn-create-large:hover{background-color:var(--sg-btn-primary-hover);color:var(--sg-btn-primary-text)}.sessions-table-wrapper{background-color:var(--sg-bg-card);border-radius:var(--sg-radius-lg);box-shadow:var(--sg-shadow-card);overflow:hidden}.sessions-table{width:100%;border-collapse:collapse;margin:0}.sessions-table th{padding:var(--sg-space-4) var(--sg-space-5);text-align:left;font-family:var(--sg-font-heading);font-size:var(--sg-text-xs);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wider);text-transform:uppercase;color:var(--sg-text-secondary);background-color:var(--sg-bg-page);border-bottom:1px solid var(--sg-border)}.sessions-table th.th-actions{text-align:right}.sessions-table td{padding:var(--sg-space-4) var(--sg-space-5);border-bottom:1px solid var(--sg-border-light);vertical-align:middle}.session-row{cursor:pointer;transition:background-color var(--sg-transition-fast)}.session-row:hover{background-color:var(--sg-bg-page)}.session-row:last-child td{border-bottom:none}.customer-info{display:flex;flex-direction:column;gap:var(--sg-space-1)}.customer-name{font-weight:var(--sg-font-medium);color:var(--sg-text-primary)}.customer-email{font-size:var(--sg-text-sm);color:var(--sg-text-secondary)}.session-id-badge{font-size:10px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--sg-text-secondary);opacity:.6;letter-spacing:.02em}.td-date{color:var(--sg-text-secondary);font-size:var(--sg-text-sm);white-space:nowrap}.td-actions{text-align:right}.action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:var(--sg-space-2)}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--sg-text-secondary);background-color:transparent;border:1px solid transparent;border-radius:var(--sg-radius-md);cursor:pointer;transition:all var(--sg-transition-fast);text-decoration:none}.icon-btn:hover{color:var(--sg-link);background-color:#028b7114;border-color:#028b7133}.icon-btn svg{width:18px;height:18px}.icon-btn-success{color:var(--sg-success)}.icon-btn-success:hover{color:var(--sg-success);background-color:#028b711f}.icon-btn .tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--sg-space-1) var(--sg-space-2);font-family:var(--sg-font-body);font-size:var(--sg-text-xs);font-weight:var(--sg-font-medium);text-transform:none;letter-spacing:normal;color:#fff;background-color:var(--sg-text-primary);border-radius:var(--sg-radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--sg-transition-fast),visibility var(--sg-transition-fast);z-index:10;pointer-events:none}.icon-btn .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--sg-text-primary)}.icon-btn:hover .tooltip{opacity:1;visibility:visible}.action-link{display:inline-flex;padding:var(--sg-space-2) var(--sg-space-3);font-size:var(--sg-text-sm);font-weight:var(--sg-font-medium);color:var(--sg-link);background-color:transparent;border-radius:var(--sg-radius-md);text-decoration:none;transition:background-color var(--sg-transition-fast)}.action-link:hover{background-color:#028b7114;color:var(--sg-link)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--sg-space-4);margin-top:var(--sg-space-6)}.pagination-btn{padding:var(--sg-space-2) var(--sg-space-4);font-size:var(--sg-text-sm);background-color:var(--sg-bg-card);color:var(--sg-text-primary);border:1px solid var(--sg-border);border-radius:var(--sg-radius-md);cursor:pointer;transition:all var(--sg-transition-fast)}.pagination-btn:hover:not(:disabled){border-color:var(--sg-link);color:var(--sg-link)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:var(--sg-text-sm);color:var(--sg-text-secondary)}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:stretch}.btn-create{align-self:flex-start}.sessions-table th,.sessions-table td{padding:var(--sg-space-3) var(--sg-space-4)}.sessions-table .td-date:nth-child(4){display:none}.sessions-table th:nth-child(4){display:none}}@media (max-width: 480px){.sessions-table .td-date{display:none}.sessions-table th:nth-child(3),.sessions-table th:nth-child(4){display:none}}.create-session{max-width:600px}.create-session-header{margin-bottom:var(--sg-space-8)}.create-session-header h1{margin-bottom:var(--sg-space-2)}.create-session-subtitle{color:var(--sg-text-secondary);margin:0}.form-card{background-color:var(--sg-bg-card);border-radius:var(--sg-radius-lg);box-shadow:var(--sg-shadow-card);padding:var(--sg-space-8)}.form-error{display:flex;align-items:center;gap:var(--sg-space-3);padding:var(--sg-space-4);background-color:#dc262614;border:1px solid rgb(220 38 38 / .2);border-radius:var(--sg-radius-md);color:var(--sg-error);font-size:var(--sg-text-sm);margin-bottom:var(--sg-space-6)}.form-error svg{width:20px;height:20px;flex-shrink:0}.form-group{margin-bottom:var(--sg-space-6)}.form-group label{display:block;font-size:var(--sg-text-sm);font-weight:var(--sg-font-medium);color:var(--sg-text-primary);margin-bottom:var(--sg-space-2)}.form-group input[type=text],.form-group input[type=email],.form-group textarea{width:100%;padding:var(--sg-space-3) var(--sg-space-4);font-size:var(--sg-text-base);font-family:var(--sg-font-body);color:var(--sg-text-primary);background-color:var(--sg-bg-card);border:1px solid var(--sg-border);border-radius:var(--sg-radius-md);transition:border-color var(--sg-transition-fast),box-shadow var(--sg-transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--sg-text-secondary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--sg-link);box-shadow:0 0 0 3px #028b7126}.form-group input:disabled,.form-group textarea:disabled{background-color:var(--sg-bg-page);cursor:not-allowed;opacity:.7}.form-group textarea{resize:vertical;min-height:80px}.required{color:var(--sg-error)}.optional{color:var(--sg-text-secondary);font-weight:var(--sg-font-normal)}.form-help{font-size:var(--sg-text-xs);color:var(--sg-text-secondary);margin-top:var(--sg-space-2);margin-bottom:0}.form-checkbox{padding:var(--sg-space-4);background-color:var(--sg-bg-page);border-radius:var(--sg-radius-md)}.form-checkbox>label{display:flex;align-items:center;gap:var(--sg-space-3);cursor:pointer;margin-bottom:0}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--sg-link)}.form-checkbox .checkbox-label{font-size:var(--sg-text-base);font-weight:var(--sg-font-normal);color:var(--sg-text-primary)}.form-checkbox .form-help{margin-left:30px;margin-top:var(--sg-space-2)}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sg-space-4);margin-top:var(--sg-space-8);padding-top:var(--sg-space-6);border-top:1px solid var(--sg-border-light)}.btn-cancel{padding:var(--sg-space-3) var(--sg-space-5);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;color:var(--sg-text-secondary);background-color:transparent;border:1px solid var(--sg-border);border-radius:var(--sg-radius-md);text-decoration:none;transition:all var(--sg-transition-fast)}.form-actions button[type=submit]{display:inline-flex;align-items:center;gap:var(--sg-space-2);padding:var(--sg-space-3) var(--sg-space-6);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-bold);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;color:var(--sg-btn-primary-text);background-color:var(--sg-btn-primary-bg);border:none;border-radius:var(--sg-radius-md);cursor:pointer;transition:background-color var(--sg-transition-fast)}.form-actions button[type=submit]:hover:not(:disabled){background-color:var(--sg-btn-primary-hover)}.form-actions button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{width:14px;height:14px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.form-section{margin-top:var(--sg-space-6);padding-top:var(--sg-space-6);border-top:1px solid var(--sg-border-light)}.form-section-title{font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);text-transform:uppercase;letter-spacing:var(--sg-tracking-wider);color:var(--sg-text-secondary);margin-bottom:var(--sg-space-4)}.expiration-days-group{margin-top:var(--sg-space-4);margin-left:30px}.expiration-input-wrapper{display:flex;align-items:center;gap:var(--sg-space-2)}.expiration-days-input{width:80px;padding:var(--sg-space-2) var(--sg-space-3);font-size:var(--sg-text-base);font-family:var(--sg-font-body);color:var(--sg-text-primary);background-color:var(--sg-bg-card);border:1px solid var(--sg-border);border-radius:var(--sg-radius-md);text-align:center}.expiration-days-input:focus{outline:none;border-color:var(--sg-link);box-shadow:0 0 0 3px #028b7126}.expiration-days-label{font-size:var(--sg-text-base);color:var(--sg-text-secondary)}.expiration-preview{margin-top:var(--sg-space-2);font-style:italic;color:var(--sg-link)}@media (max-width: 480px){.form-card{padding:var(--sg-space-6)}.form-actions{flex-direction:column-reverse;gap:var(--sg-space-3)}.form-actions button,.form-actions .btn-cancel{width:100%;justify-content:center}}.uploader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--sg-z-modal-backdrop);padding:var(--sg-space-4)}.uploader-modal{background-color:var(--sg-bg-card);border-radius:var(--sg-radius-xl);box-shadow:var(--sg-shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;z-index:var(--sg-z-modal)}.uploader-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sg-space-6);border-bottom:1px solid var(--sg-border-light)}.uploader-header h2{margin:0;font-size:var(--sg-text-xl)}.uploader-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;color:var(--sg-text-secondary);border:none;border-radius:var(--sg-radius-md);cursor:pointer;transition:color var(--sg-transition-fast),background-color var(--sg-transition-fast)}.uploader-close:hover:not(:disabled){background-color:var(--sg-bg-page);color:var(--sg-text-primary)}.uploader-close:disabled{opacity:.5;cursor:not-allowed}.uploader-close svg{width:20px;height:20px}.drop-zone{margin:var(--sg-space-6);padding:var(--sg-space-10);border:2px dashed var(--sg-border);border-radius:var(--sg-radius-lg);text-align:center;cursor:pointer;transition:all var(--sg-transition-fast)}.drop-zone:hover{border-color:var(--sg-link);background-color:#028b7105}.drop-zone.dragging{border-color:var(--sg-link);background-color:#028b710d;border-style:solid}.drop-zone.has-files{padding:var(--sg-space-6)}.file-input{display:none}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:var(--sg-space-3)}.drop-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--sg-bg-page);border-radius:50%;color:var(--sg-link)}.drop-icon svg{width:32px;height:32px}.drop-text{font-size:var(--sg-text-base);color:var(--sg-text-primary);margin:0}.drop-hint{font-size:var(--sg-text-sm);color:var(--sg-text-secondary);margin:0}.upload-error{display:flex;align-items:center;gap:var(--sg-space-2);margin:0 var(--sg-space-6) var(--sg-space-4);padding:var(--sg-space-3) var(--sg-space-4);background-color:#dc262614;border:1px solid rgb(220 38 38 / .2);border-radius:var(--sg-radius-md);color:var(--sg-error);font-size:var(--sg-text-sm)}.upload-error svg{width:18px;height:18px;flex-shrink:0}.file-list{margin:0 var(--sg-space-6);padding:var(--sg-space-4);background-color:var(--sg-bg-page);border-radius:var(--sg-radius-lg)}.file-list-header{display:flex;align-items:center;gap:var(--sg-space-3);font-size:var(--sg-text-sm);color:var(--sg-text-secondary);margin-bottom:var(--sg-space-3)}.success-count{color:var(--sg-success)}.error-count{color:var(--sg-error)}.file-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--sg-space-3)}.file-preview{position:relative;background-color:var(--sg-bg-card);border-radius:var(--sg-radius-md);overflow:hidden;aspect-ratio:1}.file-preview img{width:100%;height:100%;object-fit:cover}.file-preview-info{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--sg-space-2);background:linear-gradient(to top,rgb(0 0 0 / .7) 0%,transparent 100%);opacity:0;transition:opacity var(--sg-transition-fast)}.file-preview:hover .file-preview-info{opacity:1}.file-name{font-size:var(--sg-text-xs);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:var(--sg-text-xs);color:#ffffffb3}.file-error{font-size:var(--sg-text-xs);color:#fca5a5;margin-top:var(--sg-space-1)}.file-remove,.file-uploading,.file-success,.file-failed{position:absolute;top:var(--sg-space-1);right:var(--sg-space-1);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.file-remove{background-color:#00000080;color:#fff;border:none;cursor:pointer;opacity:0;transition:opacity var(--sg-transition-fast)}.file-preview:hover .file-remove{opacity:1}.file-remove:hover{background-color:var(--sg-error)}.file-remove svg{width:14px;height:14px}.file-uploading{background-color:var(--sg-link)}.mini-spinner{width:14px;height:14px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.file-success{background-color:var(--sg-success);color:#fff}.file-success svg{width:14px;height:14px}.file-failed{background-color:var(--sg-error);color:#fff}.file-failed svg{width:14px;height:14px}.file-preview.error{box-shadow:0 0 0 2px var(--sg-error)}.file-preview.success{box-shadow:0 0 0 2px var(--sg-success)}.upload-progress{margin:var(--sg-space-4) var(--sg-space-6)}.progress-bar{height:8px;background-color:var(--sg-bg-page);border-radius:var(--sg-radius-full);overflow:hidden}.progress-fill{height:100%;background-color:var(--sg-link);border-radius:var(--sg-radius-full);transition:width var(--sg-transition-fast)}.progress-text{display:block;margin-top:var(--sg-space-2);font-size:var(--sg-text-sm);color:var(--sg-text-secondary);text-align:center}.uploader-actions{display:flex;justify-content:flex-end;gap:var(--sg-space-3);padding:var(--sg-space-6);border-top:1px solid var(--sg-border-light)}.uploader-actions .btn-cancel{padding:var(--sg-space-3) var(--sg-space-5);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;color:var(--sg-text-secondary);background-color:transparent;border:1px solid var(--sg-border);border-radius:var(--sg-radius-md);cursor:pointer;transition:all var(--sg-transition-fast)}.uploader-actions .btn-cancel:hover:not(:disabled){color:var(--sg-text-primary);border-color:var(--sg-text-secondary)}.uploader-actions .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.uploader-actions .btn-upload{display:inline-flex;align-items:center;gap:var(--sg-space-2);padding:var(--sg-space-3) var(--sg-space-6);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-bold);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;color:var(--sg-btn-primary-text);background-color:var(--sg-btn-primary-bg);border:none;border-radius:var(--sg-radius-md);cursor:pointer;transition:background-color var(--sg-transition-fast)}.uploader-actions .btn-upload:hover:not(:disabled){background-color:var(--sg-btn-primary-hover)}.uploader-actions .btn-upload:disabled{opacity:.7;cursor:not-allowed}.uploader-actions .btn-spinner{width:14px;height:14px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 480px){.uploader-modal{max-height:100vh;border-radius:var(--sg-radius-lg)}.drop-zone{padding:var(--sg-space-6)}.drop-icon{width:48px;height:48px}.drop-icon svg{width:24px;height:24px}.file-previews{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.uploader-actions{flex-direction:column-reverse}.uploader-actions button{width:100%;justify-content:center}}.session-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sg-space-16) 0;color:var(--sg-text-secondary)}.session-spinner{width:40px;height:40px;border:3px solid var(--sg-border);border-top-color:var(--sg-link);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--sg-space-4)}.session-error{text-align:center;padding:var(--sg-space-16) 0}.session-error h2{margin-bottom:var(--sg-space-4)}.session-error p{color:var(--sg-text-secondary);margin-bottom:var(--sg-space-6)}.btn-back{display:inline-block;padding:var(--sg-space-3) var(--sg-space-6);color:var(--sg-link);border:1px solid var(--sg-link);border-radius:var(--sg-radius-md);text-decoration:none;transition:all var(--sg-transition-fast)}.btn-back:hover{background-color:var(--sg-link);color:#fff}.breadcrumb{display:flex;align-items:center;gap:var(--sg-space-2);font-size:var(--sg-text-sm);color:var(--sg-text-secondary);margin-bottom:var(--sg-space-6)}.breadcrumb a{color:var(--sg-link);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:var(--sg-border)}.breadcrumb-current{color:var(--sg-text-primary);font-weight:var(--sg-font-medium)}.new-session-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sg-space-4);padding:var(--sg-space-4) var(--sg-space-5);background-color:#028b7114;border:1px solid rgb(2 139 113 / .2);border-radius:var(--sg-radius-lg);margin-bottom:var(--sg-space-6)}.banner-content{display:flex;align-items:center;gap:var(--sg-space-3);color:var(--sg-success)}.banner-content svg{width:20px;height:20px;flex-shrink:0}.banner-copy{padding:var(--sg-space-2) var(--sg-space-4);font-size:var(--sg-text-sm);background-color:var(--sg-success);color:#fff;border:none;border-radius:var(--sg-radius-md);cursor:pointer;transition:background-color var(--sg-transition-fast);white-space:nowrap}.banner-copy:hover{background-color:var(--sg-btn-primary-hover)}.share-link-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sg-space-4);padding:var(--sg-space-3) var(--sg-space-4);background-color:var(--sg-bg-card);border:1px solid var(--sg-border-light);border-radius:var(--sg-radius-lg);margin-bottom:var(--sg-space-6)}.share-link-content{display:flex;align-items:center;gap:var(--sg-space-3);min-width:0;flex:1}.share-icon{width:18px;height:18px;color:var(--sg-link);flex-shrink:0}.share-label{font-size:var(--sg-text-sm);font-weight:var(--sg-font-medium);color:var(--sg-text-secondary);white-space:nowrap}.share-url{font-family:var(--sg-font-mono, monospace);font-size:var(--sg-text-sm);color:var(--sg-text-primary);background-color:var(--sg-bg-page);padding:var(--sg-space-1) var(--sg-space-2);border-radius:var(--sg-radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.share-copy-btn{display:inline-flex;align-items:center;gap:var(--sg-space-2);padding:var(--sg-space-2) var(--sg-space-3);font-size:var(--sg-text-sm);font-weight:var(--sg-font-medium);color:var(--sg-link);background-color:transparent;border:1px solid var(--sg-link);border-radius:var(--sg-radius-md);cursor:pointer;transition:all var(--sg-transition-fast);white-space:nowrap;flex-shrink:0}.share-copy-btn:hover{background-color:var(--sg-link);color:#fff}.share-copy-btn svg{width:14px;height:14px}.session-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sg-space-6);margin-bottom:var(--sg-space-6)}.session-header h1{margin-bottom:var(--sg-space-2)}.session-meta{display:flex;align-items:center;gap:var(--sg-space-3)}.status-badge{display:inline-flex;align-items:center;padding:var(--sg-space-1) var(--sg-space-3);border-radius:var(--sg-radius-full);font-size:var(--sg-text-xs);font-weight:var(--sg-font-semibold);text-transform:uppercase;letter-spacing:var(--sg-tracking-wide)}.status-pending{background-color:#6b72801a;color:#6b7280}.status-progress{background-color:#3b82f61a;color:#3b82f6}.status-approved{background-color:#028b711a;color:var(--sg-success)}.status-complete{gap:var(--sg-space-1);background:linear-gradient(135deg,#028b7126,#028b7114);border:1px solid rgb(2 139 113 / .25);padding:var(--sg-space-1) var(--sg-space-3) var(--sg-space-1) var(--sg-space-2)}.status-icon{width:14px;height:14px;flex-shrink:0}.status-rejected{background-color:#dc26261a;color:var(--sg-error)}.status-mixed{background-color:#f59e0b1a;color:var(--sg-warning)}.locked-badge{display:inline-flex;align-items:center;gap:var(--sg-space-1);padding:var(--sg-space-1) var(--sg-space-3);background-color:#6b72801a;border-radius:var(--sg-radius-full);font-size:var(--sg-text-xs);font-weight:var(--sg-font-semibold);color:#6b7280}.locked-badge svg{width:12px;height:12px}.session-id-tag{font-size:11px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--sg-text-tertiary, #9ca3af);background-color:var(--sg-bg-page);padding:2px 8px;border-radius:var(--sg-radius-sm);letter-spacing:.02em}.session-header-actions{display:flex;align-items:center;gap:var(--sg-space-3);flex-shrink:0}.btn-upload{display:inline-flex;align-items:center;gap:var(--sg-space-2);padding:var(--sg-space-3) var(--sg-space-5);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;color:var(--sg-btn-primary-text);background-color:var(--sg-btn-primary-bg);border:none;border-radius:var(--sg-radius-md);cursor:pointer;transition:background-color var(--sg-transition-fast)}.btn-upload:hover{background-color:var(--sg-btn-primary-hover)}.btn-upload svg{width:16px;height:16px}.btn-delete{padding:var(--sg-space-3) var(--sg-space-4);font-size:var(--sg-text-sm);background-color:transparent;color:var(--sg-error);border:1px solid var(--sg-error);border-radius:var(--sg-radius-md);cursor:pointer;transition:all var(--sg-transition-fast)}.btn-delete:hover{background-color:var(--sg-error);color:#fff}.session-info-card{background-color:var(--sg-bg-card);border-radius:var(--sg-radius-lg);box-shadow:var(--sg-shadow-card);padding:var(--sg-space-6);margin-bottom:var(--sg-space-8)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sg-space-6)}.info-item{display:flex;flex-direction:column;gap:var(--sg-space-1)}.info-label{font-size:var(--sg-text-xs);font-weight:var(--sg-font-semibold);text-transform:uppercase;letter-spacing:var(--sg-tracking-wider);color:var(--sg-text-secondary)}.info-value{font-size:var(--sg-text-base);color:var(--sg-text-primary)}.session-notes{margin-top:var(--sg-space-6);padding-top:var(--sg-space-6);border-top:1px solid var(--sg-border-light)}.session-notes p{margin-top:var(--sg-space-2);margin-bottom:0;color:var(--sg-text-primary)}.photos-section{margin-top:var(--sg-space-8)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sg-space-4);margin-bottom:var(--sg-space-6)}.section-header h2{margin-bottom:0}.locked-message{font-size:var(--sg-text-sm);color:var(--sg-text-secondary);margin:0}.photos-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sg-space-12) var(--sg-space-6);background-color:var(--sg-bg-card);border-radius:var(--sg-radius-lg);box-shadow:var(--sg-shadow-card)}.photos-empty .empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--sg-bg-page);border-radius:50%;margin-bottom:var(--sg-space-4)}.photos-empty .empty-icon svg{width:32px;height:32px;color:var(--sg-text-secondary)}.photos-empty h3{font-size:var(--sg-text-lg);margin-bottom:var(--sg-space-2)}.photos-empty p{color:var(--sg-text-secondary);margin-bottom:var(--sg-space-6)}.btn-upload-large{padding:var(--sg-space-4) var(--sg-space-8);font-family:var(--sg-font-heading);font-size:var(--sg-text-base);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;color:var(--sg-btn-primary-text);background-color:var(--sg-btn-primary-bg);border:none;border-radius:var(--sg-radius-md);cursor:pointer;transition:background-color var(--sg-transition-fast)}.btn-upload-large:hover{background-color:var(--sg-btn-primary-hover)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sg-space-4)}.photo-card{position:relative;background-color:var(--sg-bg-card);border-radius:var(--sg-radius-lg);box-shadow:var(--sg-shadow-sm);overflow:hidden;transition:transform var(--sg-transition-fast),box-shadow var(--sg-transition-fast)}.photo-card:hover{transform:translateY(-2px);box-shadow:var(--sg-shadow-md)}.photo-card.deleting{opacity:.5;pointer-events:none}.photo-thumbnail{display:block;position:relative;aspect-ratio:1;background-color:var(--sg-bg-page)}.photo-thumbnail img{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0000;transition:background-color var(--sg-transition-fast)}.photo-overlay svg{width:32px;height:32px;color:#fff;opacity:0;transform:scale(.8);transition:all var(--sg-transition-fast)}.photo-thumbnail:hover .photo-overlay{background-color:#0006}.photo-thumbnail:hover .photo-overlay svg{opacity:1;transform:scale(1)}.photo-proof-link{position:absolute;top:8px;left:8px;z-index:10;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#0009;border-radius:var(--sg-radius-md);opacity:0;transform:scale(.8);transition:all var(--sg-transition-fast);text-decoration:none}.photo-proof-link svg{width:16px;height:16px;color:#fff}.photo-proof-link:hover{background-color:var(--sg-primary);transform:scale(1.1)}.photo-thumbnail:hover .photo-proof-link{opacity:1;transform:scale(1)}.photo-info{padding:var(--sg-space-3);display:flex;flex-direction:column;gap:var(--sg-space-1)}.photo-name{font-size:var(--sg-text-sm);font-weight:var(--sg-font-medium);color:var(--sg-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--sg-space-1)}.photo-name.editable{cursor:pointer}.photo-name.editable:hover{color:var(--sg-link)}.photo-name .edit-icon{width:12px;height:12px;opacity:0;flex-shrink:0;transition:opacity var(--sg-transition-fast)}.photo-name.editable:hover .edit-icon{opacity:.6}.photo-name-input{width:100%;padding:var(--sg-space-1) var(--sg-space-2);font-size:var(--sg-text-sm);font-weight:var(--sg-font-medium);color:var(--sg-text-primary);background-color:var(--sg-input-bg);border:1px solid var(--sg-link);border-radius:var(--sg-radius-sm);outline:none}.photo-name-input:focus{box-shadow:0 0 0 2px rgb(var(--sg-link-rgb) / .2)}.photo-name-input::placeholder{color:var(--sg-text-tertiary);font-weight:var(--sg-font-normal);font-style:italic;opacity:.6}.photo-size{font-size:var(--sg-text-xs);color:var(--sg-text-secondary)}.photo-delete{position:absolute;top:var(--sg-space-2);right:var(--sg-space-2);width:28px;height:28px;min-width:28px;min-height:28px;padding:0;display:flex;align-items:center;justify-content:center;background-color:#dc2626e6;color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;transition:opacity var(--sg-transition-fast);text-transform:none;letter-spacing:normal}.photo-card:hover .photo-delete{opacity:1}.photo-delete:hover{background-color:var(--sg-error)}.photo-delete svg{width:14px;height:14px}.photo-feedback-badge{position:absolute;bottom:var(--sg-space-2);left:var(--sg-space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700;color:#fff}.photo-feedback-badge.approve{background-color:var(--sg-success, #10b981)}.photo-feedback-badge.needs_changes{background-color:var(--sg-warning, #f59e0b)}.photo-feedback{padding:var(--sg-space-2) var(--sg-space-3);border-radius:var(--sg-radius-md);font-size:var(--sg-text-xs);margin-top:var(--sg-space-2)}.photo-feedback.approve{background-color:#10b9811a;border:1px solid rgb(16 185 129 / .3)}.photo-feedback.needs_changes{background-color:#f59e0b1a;border:1px solid rgb(245 158 11 / .3)}.photo-feedback .feedback-status{font-weight:var(--sg-font-semibold);display:block;margin-bottom:var(--sg-space-1)}.photo-feedback.approve .feedback-status{color:var(--sg-success, #10b981)}.photo-feedback.needs_changes .feedback-status{color:var(--sg-warning, #f59e0b)}.photo-feedback .feedback-text{color:var(--sg-text-secondary);margin:0;line-height:1.4;word-break:break-word}.feedback-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sg-space-1) var(--sg-space-3);margin-top:var(--sg-space-2);padding-top:var(--sg-space-2);border-top:1px solid rgb(0 0 0 / .08);font-size:10px;color:var(--sg-text-tertiary, #9ca3af)}.feedback-timestamp{display:flex;align-items:center;gap:var(--sg-space-1);white-space:nowrap}.feedback-timestamp:before{content:"";display:inline-block;width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239ca3af'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:contain;flex-shrink:0}.feedback-ip{display:flex;align-items:center;gap:var(--sg-space-1);font-family:var(--sg-font-mono, monospace);letter-spacing:.02em;white-space:nowrap}.feedback-ip:before{content:"";display:inline-block;width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239ca3af'%3E%3Cpath fill-rule='evenodd' d='M2 5a2 2 0 012-2h12a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm3.293 1.293a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 01-1.414-1.414L7.586 10 5.293 7.707a1 1 0 010-1.414zM11 12a1 1 0 100 2h3a1 1 0 100-2h-3z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:contain;flex-shrink:0}.photo-card.has-feedback{position:relative}.photo-card.feedback-approve .photo-thumbnail{border-color:var(--sg-success, #10b981)}.photo-card.feedback-needs_changes .photo-thumbnail{border-color:var(--sg-warning, #f59e0b)}.photo-version-upload{padding:var(--sg-space-2) var(--sg-space-3);border-top:1px solid var(--sg-border-light)}.btn-upload-version{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--sg-space-2);padding:var(--sg-space-2) var(--sg-space-3);font-size:var(--sg-text-xs);font-weight:var(--sg-font-semibold);color:var(--sg-warning, #f59e0b);background-color:#f59e0b1a;border:1px solid rgb(245 158 11 / .3);border-radius:var(--sg-radius-md);cursor:pointer;transition:all var(--sg-transition-fast)}.btn-upload-version:hover:not(:disabled){background-color:#f59e0b33;border-color:var(--sg-warning, #f59e0b)}.btn-upload-version:disabled{opacity:.7;cursor:not-allowed}.btn-upload-version svg{width:14px;height:14px}.btn-spinner-small{width:12px;height:12px;border:2px solid rgb(245 158 11 / .3);border-top-color:var(--sg-warning, #f59e0b);border-radius:50%;animation:spin .6s linear infinite}.photo-card.uploading-version{opacity:.7;pointer-events:none}.info-value.expired{color:var(--sg-error, #dc2626);display:flex;align-items:center;gap:var(--sg-space-1)}.info-value.expiring-soon{color:var(--sg-warning, #f59e0b);display:flex;align-items:center;gap:var(--sg-space-1)}.expiration-icon{width:14px;height:14px;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--sg-z-modal-backdrop);padding:var(--sg-space-4)}.modal-content{background-color:var(--sg-bg-card);border-radius:var(--sg-radius-xl);box-shadow:var(--sg-shadow-xl);padding:var(--sg-space-8);max-width:400px;width:100%;z-index:var(--sg-z-modal)}.modal-content h2{margin-bottom:var(--sg-space-4)}.modal-content p{color:var(--sg-text-secondary);margin-bottom:var(--sg-space-4)}.modal-content.modal-warning{max-width:480px;border:2px solid var(--sg-warning, #f59e0b)}.modal-content.modal-warning h2{color:var(--sg-warning, #f59e0b)}.warning-banner{background-color:#f59e0b1a;border:1px solid rgb(245 158 11 / .3);border-radius:var(--sg-radius-md);padding:var(--sg-space-3) var(--sg-space-4);margin-bottom:var(--sg-space-4);color:var(--sg-warning, #f59e0b)}.warning-list{margin:0 0 var(--sg-space-4) var(--sg-space-5);padding:0;color:var(--sg-text-secondary)}.warning-list li{margin-bottom:var(--sg-space-2)}.modal-actions{display:flex;gap:var(--sg-space-3);justify-content:flex-end}.btn-cancel{padding:var(--sg-space-3) var(--sg-space-5);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;color:var(--sg-text-secondary);background-color:transparent;border:1px solid var(--sg-border);border-radius:var(--sg-radius-md);cursor:pointer;transition:all var(--sg-transition-fast)}.btn-cancel:hover{color:var(--sg-text-primary);border-color:var(--sg-text-secondary)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-delete-confirm{padding:var(--sg-space-3) var(--sg-space-5);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-bold);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;color:#fff;background-color:var(--sg-error);border:none;border-radius:var(--sg-radius-md);cursor:pointer;transition:background-color var(--sg-transition-fast)}.btn-delete-confirm:hover:not(:disabled){background-color:#b91c1c}.btn-delete-confirm:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.session-header{flex-direction:column;align-items:stretch}.session-header-actions{justify-content:flex-start}.new-session-banner{flex-direction:column;align-items:flex-start}.banner-copy{width:100%;text-align:center}.share-link-bar{flex-direction:column;align-items:stretch;gap:var(--sg-space-3)}.share-link-content{flex-wrap:wrap}.share-url{flex:1 1 100%;overflow-x:auto}.share-copy-btn{width:100%;justify-content:center}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 480px){.modal-content{padding:var(--sg-space-6)}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.feedback-ip{display:none}}.proof-viewer{min-height:100vh;display:flex;flex-direction:column;background-color:var(--sg-bg-dark);color:var(--sg-text-inverse)}.proof-header{background-color:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);padding:var(--sg-space-3) var(--sg-space-6)}.proof-header-content{max-width:var(--sg-max-width-content);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.proof-brand{display:flex;align-items:center;gap:var(--sg-space-3)}.proof-customer{font-size:var(--sg-text-sm);color:var(--sg-text-inverse);opacity:.7}.proof-progress{background-color:#0003;padding:var(--sg-space-3) var(--sg-space-6)}.progress-bar{height:4px;background-color:#ffffff1a;border-radius:var(--sg-radius-full);overflow:hidden;max-width:var(--sg-max-width-content);margin:0 auto var(--sg-space-2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--sg-success),var(--sg-accent));border-radius:var(--sg-radius-full);transition:width .3s ease}.progress-text{max-width:var(--sg-max-width-content);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.progress-count{font-size:var(--sg-text-sm);color:var(--sg-text-inverse);opacity:.7}.btn-view-summary{background:transparent;border:1px solid var(--sg-accent);color:var(--sg-accent);padding:var(--sg-space-1) var(--sg-space-3);border-radius:var(--sg-radius-md);font-size:var(--sg-text-xs);font-family:var(--sg-font-heading);letter-spacing:var(--sg-tracking-wide);cursor:pointer;transition:all var(--sg-transition-fast)}.btn-view-summary:hover{background:var(--sg-accent);color:var(--sg-bg-dark)}.proof-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--sg-space-6);max-width:var(--sg-max-width-content);margin:0 auto;width:100%}.photo-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-height:calc(100vh - 400px);min-height:300px}.photo-wrapper{position:relative;max-width:100%;max-height:100%}.proof-photo{max-width:100%;max-height:calc(100vh - 420px);object-fit:contain;border-radius:var(--sg-radius-md);box-shadow:0 8px 32px #0006}.photo-status-badge{position:absolute;top:var(--sg-space-3);right:var(--sg-space-3);padding:var(--sg-space-1) var(--sg-space-3);border-radius:var(--sg-radius-full);font-size:var(--sg-text-xs);font-weight:var(--sg-font-semibold);text-transform:uppercase;letter-spacing:var(--sg-tracking-wide)}.photo-status-badge.approve{background-color:var(--sg-success);color:#fff}.photo-status-badge.needs_changes{background-color:var(--sg-warning);color:var(--sg-bg-dark)}.photo-info{display:flex;flex-direction:column;align-items:center;gap:var(--sg-space-1);margin-top:var(--sg-space-4);text-align:center}.photo-number{font-family:var(--sg-font-heading);font-size:var(--sg-text-lg);letter-spacing:var(--sg-tracking-wide);color:var(--sg-accent)}.photo-filename{font-size:var(--sg-text-sm);color:var(--sg-text-inverse);opacity:.5;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proof-actions{display:flex;align-items:center;justify-content:center;gap:var(--sg-space-6);margin-top:var(--sg-space-6);width:100%;max-width:700px}.btn-nav{display:flex;align-items:center;gap:var(--sg-space-2);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--sg-text-inverse);padding:var(--sg-space-3) var(--sg-space-4);border-radius:var(--sg-radius-md);font-family:var(--sg-font-body);font-size:var(--sg-text-sm);cursor:pointer;transition:all var(--sg-transition-fast);min-width:100px}.btn-nav:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.btn-nav:disabled{opacity:.3;cursor:not-allowed}.nav-icon{font-size:var(--sg-text-lg)}.btn-prev{justify-content:flex-start}.btn-next{justify-content:flex-end}.feedback-buttons{display:flex;gap:var(--sg-space-3)}.btn-feedback{padding:var(--sg-space-3) var(--sg-space-6);border-radius:var(--sg-radius-md);font-family:var(--sg-font-heading);font-size:var(--sg-text-base);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);cursor:pointer;transition:all var(--sg-transition-fast);border:2px solid transparent}.btn-approve{background-color:var(--sg-success);color:#fff}.btn-approve:hover:not(:disabled){background-color:#02a085;transform:translateY(-2px);box-shadow:0 4px 12px #028b7166}.btn-changes{background:transparent;border-color:var(--sg-warning);color:var(--sg-warning)}.btn-changes:hover:not(:disabled){background-color:var(--sg-warning);color:var(--sg-bg-dark);transform:translateY(-2px)}.btn-feedback:disabled{opacity:.6;cursor:not-allowed;transform:none}.feedback-form{display:flex;flex-direction:column;gap:var(--sg-space-3);flex:1;max-width:400px}.feedback-textarea{width:100%;min-height:80px;padding:var(--sg-space-3);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--sg-radius-md);color:var(--sg-text-inverse);font-family:var(--sg-font-body);font-size:var(--sg-text-sm);resize:vertical}.feedback-textarea::placeholder{color:#fff6}.feedback-textarea:focus{outline:none;border-color:var(--sg-warning)}.feedback-form-actions{display:flex;justify-content:flex-end;gap:var(--sg-space-2)}.btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--sg-text-inverse);padding:var(--sg-space-2) var(--sg-space-4);border-radius:var(--sg-radius-md);font-size:var(--sg-text-sm);cursor:pointer;transition:all var(--sg-transition-fast)}.btn-cancel:hover{background:#ffffff1a}.btn-submit-changes{background-color:var(--sg-warning);color:var(--sg-bg-dark);border:none;padding:var(--sg-space-2) var(--sg-space-4);border-radius:var(--sg-radius-md);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);cursor:pointer;transition:all var(--sg-transition-fast)}.btn-submit-changes:hover:not(:disabled){background-color:#d97706}.btn-submit-changes:disabled{opacity:.6;cursor:not-allowed}.feedback-submitted{display:flex;flex-direction:column;align-items:center;gap:var(--sg-space-2);text-align:center}.feedback-status{font-family:var(--sg-font-heading);font-size:var(--sg-text-lg);letter-spacing:var(--sg-tracking-wide)}.feedback-status.approve{color:var(--sg-success)}.feedback-status.needs_changes{color:var(--sg-warning)}.feedback-note{font-size:var(--sg-text-sm);color:var(--sg-text-inverse);opacity:.7;max-width:300px;font-style:italic}.keyboard-hints{display:flex;justify-content:center;gap:var(--sg-space-6);margin-top:var(--sg-space-4);padding-top:var(--sg-space-4);border-top:1px solid rgba(255,255,255,.1)}.hint{display:flex;align-items:center;gap:var(--sg-space-2);font-size:var(--sg-text-xs);color:var(--sg-text-inverse);opacity:.4}.hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--sg-space-2);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--sg-radius-sm);font-family:var(--sg-font-mono);font-size:var(--sg-text-xs)}.proof-thumbnails{background-color:#0000004d;border-top:1px solid rgba(255,255,255,.1);padding:var(--sg-space-3);overflow-x:auto}.thumbnails-container{display:flex;gap:var(--sg-space-2);justify-content:center;min-width:max-content;padding:0 var(--sg-space-4)}.thumbnail{position:relative;width:60px;height:60px;padding:0;border:2px solid transparent;border-radius:var(--sg-radius-sm);overflow:hidden;cursor:pointer;transition:all var(--sg-transition-fast);background:transparent;flex-shrink:0}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail.active{border-color:var(--sg-accent);transform:scale(1.1)}.thumbnail.approve{border-color:var(--sg-success)}.thumbnail.needs_changes{border-color:var(--sg-warning)}.thumbnail:hover:not(.active){transform:scale(1.05);opacity:.9}.thumb-status{position:absolute;bottom:2px;right:2px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:700}.thumb-status.approve{background-color:var(--sg-success);color:#fff}.thumb-status.needs_changes{background-color:var(--sg-warning);color:var(--sg-bg-dark)}.proof-loading,.proof-error,.proof-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sg-space-8)}.proof-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--sg-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--sg-space-4)}.proof-error h2,.proof-empty h2{font-family:var(--sg-font-heading);font-size:var(--sg-text-2xl);margin-bottom:var(--sg-space-4);color:var(--sg-accent)}.proof-error p,.proof-empty p{color:var(--sg-text-inverse);opacity:.7}.proof-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:var(--sg-space-3) var(--sg-space-6);border-radius:var(--sg-radius-md);font-size:var(--sg-text-sm);cursor:pointer;animation:slideUp .3s ease;z-index:var(--sg-z-toast)}.proof-toast.error{background-color:var(--sg-error);color:#fff}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.expiration-notice{display:flex;align-items:center;justify-content:center;gap:var(--sg-space-2);padding:var(--sg-space-2) var(--sg-space-4);background-color:#ffffff0d;color:#fff9;font-size:var(--sg-text-xs)}.expiration-notice.urgent{background-color:#f59e0b26;color:var(--sg-warning)}.expiration-notice-icon{width:14px;height:14px;flex-shrink:0}.photo-version-indicator{position:absolute;top:var(--sg-space-3);left:var(--sg-space-3);padding:var(--sg-space-1) var(--sg-space-3);background-color:#3b82f6e6;color:#fff;font-size:var(--sg-text-xs);font-weight:var(--sg-font-semibold);border-radius:var(--sg-radius-full);text-transform:uppercase;letter-spacing:var(--sg-tracking-wide)}.thumb-version{position:absolute;top:2px;left:2px;padding:1px 4px;background-color:#3b82f6e6;color:#fff;font-size:8px;font-weight:700;border-radius:3px;text-transform:uppercase}@media (max-width: 768px){.proof-header-content{flex-direction:column;gap:var(--sg-space-2)}.proof-actions{flex-direction:column;gap:var(--sg-space-4)}.btn-nav{width:100%;justify-content:center}.feedback-buttons{flex-direction:column;width:100%}.btn-feedback{width:100%}.keyboard-hints{display:none}.thumbnail{width:50px;height:50px}}.proof-summary{min-height:100vh;display:flex;flex-direction:column;background-color:var(--sg-bg-page)}.summary-header{background-color:var(--sg-bg-dark);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--sg-space-3) var(--sg-space-6)}.summary-header-content{max-width:var(--sg-max-width-content);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.summary-brand{display:flex;align-items:center;gap:var(--sg-space-3)}.brand-name{font-family:var(--sg-font-heading);font-weight:var(--sg-font-bold);font-size:var(--sg-text-lg);letter-spacing:var(--sg-tracking-wider);color:var(--sg-text-inverse)}.brand-divider{color:var(--sg-accent);opacity:.5}.brand-subtitle{font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);letter-spacing:var(--sg-tracking-wider);color:var(--sg-accent);opacity:.8}.summary-customer{font-size:var(--sg-text-sm);color:var(--sg-text-inverse);opacity:.7}.summary-main{flex:1;padding:var(--sg-space-8) var(--sg-space-6);max-width:var(--sg-max-width-content);margin:0 auto;width:100%}.summary-card{background-color:var(--sg-bg-card);border-radius:var(--sg-radius-xl);box-shadow:var(--sg-shadow-lg);padding:var(--sg-space-8);text-align:center;margin-bottom:var(--sg-space-8)}.summary-title{font-family:var(--sg-font-heading);font-size:var(--sg-text-3xl);font-weight:var(--sg-font-bold);letter-spacing:var(--sg-tracking-wider);color:var(--sg-text-primary);margin-bottom:var(--sg-space-2)}.summary-subtitle{font-size:var(--sg-text-lg);color:var(--sg-text-secondary);margin-bottom:var(--sg-space-6)}.summary-status{display:inline-block;padding:var(--sg-space-2) var(--sg-space-6);border-radius:var(--sg-radius-full);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wider);text-transform:uppercase;margin-bottom:var(--sg-space-6)}.summary-status.approved{background-color:#028b711a;color:var(--sg-success)}.summary-status.rejected{background-color:#dc26261a;color:var(--sg-error)}.summary-status.mixed{background-color:#f59e0b1a;color:var(--sg-warning)}.summary-status.in-progress{background-color:#55d7e91a;color:#0891b2}.summary-status.pending{background-color:#6b72801a;color:#6b7280}.summary-stats{display:flex;justify-content:center;gap:var(--sg-space-8);margin-bottom:var(--sg-space-6);flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;gap:var(--sg-space-1)}.stat-value{font-family:var(--sg-font-heading);font-size:var(--sg-text-4xl);font-weight:var(--sg-font-bold);color:var(--sg-text-primary)}.stat-label{font-size:var(--sg-text-sm);color:var(--sg-text-secondary)}.stat.approved .stat-value{color:var(--sg-success)}.stat.changes .stat-value{color:var(--sg-warning)}.stat.pending .stat-value{color:var(--sg-text-secondary)}.summary-actions{display:flex;justify-content:center;gap:var(--sg-space-4);flex-wrap:wrap}.btn-back{display:inline-flex;align-items:center;gap:var(--sg-space-2);background:transparent;border:2px solid var(--sg-border);color:var(--sg-text-primary);padding:var(--sg-space-3) var(--sg-space-6);border-radius:var(--sg-radius-md);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);text-decoration:none;cursor:pointer;transition:all var(--sg-transition-fast)}.btn-back:hover{border-color:var(--sg-text-primary);background-color:#0000000d}.btn-download{display:inline-flex;align-items:center;gap:var(--sg-space-2);background-color:var(--sg-btn-primary-bg);color:var(--sg-btn-primary-text);border:none;padding:var(--sg-space-3) var(--sg-space-6);border-radius:var(--sg-radius-md);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);cursor:pointer;transition:all var(--sg-transition-fast)}.btn-download:hover:not(:disabled){background-color:var(--sg-btn-primary-hover)}.btn-download:disabled{opacity:.5;cursor:not-allowed}.summary-photos{margin-bottom:var(--sg-space-8)}.photos-title{font-family:var(--sg-font-heading);font-size:var(--sg-text-xl);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);color:var(--sg-text-primary);margin-bottom:var(--sg-space-6);text-align:center}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sg-space-4)}.photo-card{background-color:var(--sg-bg-card);border-radius:var(--sg-radius-lg);box-shadow:var(--sg-shadow-card);overflow:hidden;transition:transform var(--sg-transition-fast)}.photo-card:hover{transform:translateY(-4px)}.photo-image-wrapper{position:relative;aspect-ratio:1;overflow:hidden}.photo-image-wrapper img{width:100%;height:100%;object-fit:cover}.photo-version-badge{position:absolute;top:var(--sg-space-2);left:var(--sg-space-2);padding:2px 6px;background-color:#3b82f6e6;color:#fff;font-size:10px;font-weight:var(--sg-font-bold);border-radius:var(--sg-radius-sm);text-transform:uppercase;letter-spacing:.5px;z-index:1}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--sg-transition-fast)}.photo-card:hover .photo-overlay{opacity:1}.photo-overlay.approve{background-color:#028b71cc}.photo-overlay.needs_changes{background-color:#f59e0bcc}.photo-overlay.pending{background-color:#6b7280cc}.overlay-icon{font-size:var(--sg-text-4xl);color:#fff}.overlay-review-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--sg-space-2) var(--sg-space-4);background-color:var(--sg-primary);color:#fff;text-decoration:none;font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);border-radius:var(--sg-radius-md);transition:all var(--sg-transition-fast)}.overlay-review-link:hover{background-color:var(--sg-primary-light);transform:scale(1.05)}.photo-details{padding:var(--sg-space-3);display:flex;flex-direction:column;gap:var(--sg-space-1)}.photo-number{font-size:var(--sg-text-xs);color:var(--sg-text-secondary)}.photo-status{font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide)}.photo-status.approve{color:var(--sg-success)}.photo-status.needs_changes{color:var(--sg-warning)}.photo-status.pending{color:var(--sg-text-secondary)}.photo-note{font-size:var(--sg-text-xs);color:var(--sg-text-secondary);font-style:italic;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.summary-message{background-color:var(--sg-bg-card);border-radius:var(--sg-radius-lg);padding:var(--sg-space-6);text-align:center;border-left:4px solid var(--sg-warning)}.summary-message.success{border-left-color:var(--sg-success)}.summary-message h3{font-family:var(--sg-font-heading);font-size:var(--sg-text-lg);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);color:var(--sg-text-primary);margin-bottom:var(--sg-space-2)}.summary-message p{color:var(--sg-text-secondary);max-width:500px;margin:0 auto}.summary-footer{background-color:var(--sg-bg-dark);padding:var(--sg-space-6);text-align:center;color:var(--sg-text-inverse)}.summary-footer p{font-size:var(--sg-text-sm);opacity:.7;margin-bottom:var(--sg-space-4)}.footer-brand{display:flex;align-items:center;justify-content:center;gap:var(--sg-space-2);font-size:var(--sg-text-xs);opacity:.5}.footer-logo{font-family:var(--sg-font-heading);letter-spacing:var(--sg-tracking-wider)}.summary-loading,.summary-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sg-space-8)}.summary-spinner{width:48px;height:48px;border:3px solid var(--sg-border);border-top-color:var(--sg-success);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--sg-space-4)}@keyframes spin{to{transform:rotate(360deg)}}.summary-error h2{font-family:var(--sg-font-heading);font-size:var(--sg-text-2xl);margin-bottom:var(--sg-space-4);color:var(--sg-error)}.summary-error p{color:var(--sg-text-secondary)}@media (max-width: 768px){.summary-header-content{flex-direction:column;gap:var(--sg-space-2)}.summary-card{padding:var(--sg-space-6)}.summary-title{font-size:var(--sg-text-2xl)}.summary-stats{gap:var(--sg-space-4)}.stat-value{font-size:var(--sg-text-2xl)}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.landing-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--sg-bg-page)}.landing-hero{background:linear-gradient(135deg,var(--sg-bg-dark) 0%,#0f2a1f 40%,#0a1f16 70%,var(--sg-bg-dark) 100%);color:var(--sg-text-inverse);padding:3rem 1rem;text-align:center;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(85,215,233,.08) 0%,transparent 60%);pointer-events:none}.hero-content{max-width:600px;margin:0 auto;position:relative;z-index:1}.hero-logo{display:block;height:40px;width:auto;margin:0 auto var(--sg-space-8);opacity:.95}.hero-title{font-family:var(--sg-font-heading);font-size:var(--sg-text-2xl);font-weight:var(--sg-font-bold);letter-spacing:var(--sg-tracking-wider);text-transform:uppercase;color:var(--sg-text-inverse);margin:0 0 var(--sg-space-3) 0;line-height:1.2}.hero-tagline{font-size:var(--sg-text-base);color:var(--sg-accent);font-style:italic;margin:0 0 var(--sg-space-6) 0;opacity:.9}.hero-description{font-size:var(--sg-text-sm);line-height:var(--sg-leading-relaxed);color:var(--sg-text-inverse);opacity:.85;margin:0 0 var(--sg-space-8) 0}.cta-button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-bold);letter-spacing:var(--sg-tracking-wider);text-transform:uppercase;text-decoration:none;padding:var(--sg-space-4) var(--sg-space-8);border-radius:var(--sg-radius-md);transition:all var(--sg-transition-normal);min-height:48px;cursor:pointer}.cta-button.primary{background-color:var(--sg-btn-primary-bg);color:var(--sg-btn-primary-text);border:2px solid var(--sg-btn-primary-bg)}.cta-button.primary:hover{background-color:var(--sg-btn-primary-hover);border-color:var(--sg-btn-primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #028b714d}.cta-button.secondary{background-color:transparent;color:var(--sg-btn-primary-bg);border:2px solid var(--sg-btn-primary-bg)}.cta-button.secondary:hover{background-color:var(--sg-btn-primary-bg);color:var(--sg-btn-primary-text);transform:translateY(-2px);box-shadow:0 8px 24px #028b7133}.cta-button:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px}.landing-how-it-works{background-color:var(--sg-bg-card);padding:var(--sg-space-12) var(--sg-space-4)}.section-container{max-width:var(--sg-max-width-content);margin:0 auto}.section-title{font-family:var(--sg-font-heading);font-size:var(--sg-text-xl);font-weight:var(--sg-font-bold);text-align:center;color:var(--sg-text-primary);margin:0 0 var(--sg-space-10) 0;letter-spacing:var(--sg-tracking-wider);text-transform:uppercase}.steps-container{display:grid;grid-template-columns:1fr;gap:var(--sg-space-8)}.step{text-align:center;padding:var(--sg-space-4)}.step-icon{width:64px;height:64px;border-radius:var(--sg-radius-full);background:linear-gradient(135deg,var(--sg-btn-primary-bg),var(--sg-btn-primary-hover));color:var(--sg-btn-primary-text);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sg-space-4);box-shadow:0 4px 16px #028b7140}.step-icon svg{width:28px;height:28px}.step h3{font-family:var(--sg-font-heading);font-size:var(--sg-text-base);font-weight:var(--sg-font-semibold);color:var(--sg-text-primary);margin:0 0 var(--sg-space-2) 0;letter-spacing:var(--sg-tracking-wide)}.step p{font-size:var(--sg-text-sm);color:var(--sg-text-secondary);line-height:var(--sg-leading-relaxed);max-width:280px;margin:0 auto}.landing-cta{background-color:var(--sg-bg-page);padding:3rem 1rem;text-align:center}.cta-content{max-width:480px;margin:0 auto}.cta-title{font-family:var(--sg-font-heading);font-size:var(--sg-text-xl);font-weight:var(--sg-font-bold);color:var(--sg-text-primary);margin:0 0 var(--sg-space-4) 0;letter-spacing:var(--sg-tracking-wide);text-transform:uppercase}.cta-description{font-size:var(--sg-text-sm);color:var(--sg-text-secondary);line-height:var(--sg-leading-relaxed);margin:0 0 var(--sg-space-6) 0}.landing-footer{background-color:var(--sg-bg-dark);color:var(--sg-text-inverse);padding:var(--sg-space-10) var(--sg-space-4);margin-top:auto}.footer-content{max-width:var(--sg-max-width-content);margin:0 auto;text-align:center}.footer-logo{display:block;height:50px;width:auto;margin:0 auto var(--sg-space-6);opacity:.9}.footer-links{display:flex;flex-direction:column;align-items:center;gap:var(--sg-space-3);margin-bottom:var(--sg-space-6)}.footer-links a{color:var(--sg-text-inverse);opacity:.75;font-size:var(--sg-text-sm);text-decoration:none;transition:opacity var(--sg-transition-fast),color var(--sg-transition-fast)}.footer-links a:hover{opacity:1;color:var(--sg-link-footer-hover)}.footer-links a:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px}.footer-admin{padding-top:var(--sg-space-4);margin-bottom:var(--sg-space-4);border-top:1px solid rgba(255,255,255,.1)}.admin-link{font-size:var(--sg-text-xs);color:var(--sg-text-inverse);opacity:.4;text-decoration:none;letter-spacing:var(--sg-tracking-wider);text-transform:uppercase;transition:opacity var(--sg-transition-fast)}.admin-link:hover{opacity:.7}.admin-link:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px;opacity:.7}.footer-copyright{font-size:var(--sg-text-xs);color:var(--sg-text-inverse);opacity:.4;margin:0}@media (min-width: 768px){.landing-hero{padding:4rem 1.5rem}.hero-logo{height:52px;margin-bottom:var(--sg-space-10)}.hero-title{font-size:var(--sg-text-4xl);margin-bottom:var(--sg-space-4)}.hero-tagline{font-size:var(--sg-text-lg);margin-bottom:var(--sg-space-8)}.hero-description{font-size:var(--sg-text-base);margin-bottom:var(--sg-space-10)}.landing-how-it-works{padding:var(--sg-space-16) var(--sg-space-6)}.section-title{font-size:var(--sg-text-2xl);margin-bottom:var(--sg-space-12)}.steps-container{grid-template-columns:repeat(3,1fr);gap:var(--sg-space-6)}.step-icon{width:72px;height:72px}.step-icon svg{width:32px;height:32px}.step h3{font-size:var(--sg-text-lg)}.step p{font-size:var(--sg-text-sm)}.landing-cta{padding:4rem 1.5rem}.cta-title{font-size:var(--sg-text-2xl)}.cta-description{font-size:var(--sg-text-base);margin-bottom:var(--sg-space-8)}.landing-footer{padding:3rem 1.5rem}.footer-logo{height:60px}.footer-links{flex-direction:row;justify-content:center;gap:var(--sg-space-6)}}@media (min-width: 1024px){.landing-hero{padding:5rem 2rem}.hero-logo{height:60px}.hero-title{font-size:var(--sg-text-5xl)}.hero-content{max-width:700px}.landing-how-it-works{padding:var(--sg-space-20) var(--sg-space-8)}.section-title{font-size:var(--sg-text-3xl)}.steps-container{gap:var(--sg-space-10)}.step-icon{width:80px;height:80px}.step-icon svg{width:36px;height:36px}.step p{max-width:320px}.landing-cta{padding:5rem 2rem}.cta-content{max-width:560px}}@media (prefers-reduced-motion: reduce){.cta-button:hover{transform:none}.landing-hero:before{animation:none}}@media (prefers-contrast: high){.hero-description,.hero-tagline,.footer-links a,.admin-link,.footer-copyright{opacity:1}.cta-button.secondary{border-width:3px}}:root{--sg-bg-page: #F1F3F4;--sg-bg-card: #FFFFFF;--sg-bg-dark: #0C1C15;--sg-text-primary: #0C1C15;--sg-text-secondary: #536566;--sg-text-inverse: #F1F3F4;--sg-link: #028B71;--sg-link-hover: #069591;--sg-link-footer-hover: #4AB5CA;--sg-border: #B5C7CB;--sg-border-light: #E0E5E6;--sg-btn-primary-bg: #028B71;--sg-btn-primary-text: #F1F3F4;--sg-btn-primary-hover: #069591;--sg-accent: #55D7E9;--sg-accent-muted: #4AB5CA;--sg-success: #028B71;--sg-warning: #F59E0B;--sg-error: #DC2626;--sg-info: #55D7E9;--sg-font-heading: "Orbitron", sans-serif;--sg-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sg-font-mono: "JetBrains Mono", "Fira Code", monospace;--sg-text-xs: .75rem;--sg-text-sm: .875rem;--sg-text-base: 1rem;--sg-text-lg: 1.125rem;--sg-text-xl: 1.25rem;--sg-text-2xl: 1.5rem;--sg-text-3xl: 1.875rem;--sg-text-4xl: 2.25rem;--sg-text-5xl: 3rem;--sg-font-normal: 400;--sg-font-medium: 500;--sg-font-semibold: 600;--sg-font-bold: 700;--sg-leading-tight: 1.25;--sg-leading-normal: 1.5;--sg-leading-relaxed: 1.625;--sg-tracking-tight: -.025em;--sg-tracking-normal: 0;--sg-tracking-wide: .05em;--sg-tracking-wider: .1em;--sg-space-1: .25rem;--sg-space-2: .5rem;--sg-space-3: .75rem;--sg-space-4: 1rem;--sg-space-5: 1.25rem;--sg-space-6: 1.5rem;--sg-space-8: 2rem;--sg-space-10: 2.5rem;--sg-space-12: 3rem;--sg-space-16: 4rem;--sg-radius-sm: .25rem;--sg-radius-md: .5rem;--sg-radius-lg: .75rem;--sg-radius-xl: 1rem;--sg-radius-full: 9999px;--sg-border-width: 1px;--sg-border-width-2: 2px;--sg-shadow-sm: 0 1px 2px 0 rgb(12 28 21 / .05);--sg-shadow-md: 0 4px 6px -1px rgb(12 28 21 / .1), 0 2px 4px -2px rgb(12 28 21 / .1);--sg-shadow-lg: 0 10px 15px -3px rgb(12 28 21 / .1), 0 4px 6px -4px rgb(12 28 21 / .1);--sg-shadow-xl: 0 20px 25px -5px rgb(12 28 21 / .1), 0 8px 10px -6px rgb(12 28 21 / .1);--sg-shadow-card: 0 2px 8px rgb(12 28 21 / .08);--sg-transition-fast: .15s ease;--sg-transition-normal: .2s ease;--sg-transition-slow: .3s ease;--sg-z-dropdown: 100;--sg-z-sticky: 200;--sg-z-modal-backdrop: 300;--sg-z-modal: 400;--sg-z-toast: 500;--sg-max-width-sm: 640px;--sg-max-width-md: 768px;--sg-max-width-lg: 1024px;--sg-max-width-xl: 1280px;--sg-max-width-content: 1200px;--sg-header-height: 64px}.sg-heading{font-family:var(--sg-font-heading);font-weight:var(--sg-font-bold);letter-spacing:var(--sg-tracking-wider);text-transform:uppercase;color:var(--sg-text-primary)}.sg-btn-primary{background-color:var(--sg-btn-primary-bg);color:var(--sg-btn-primary-text);font-family:var(--sg-font-heading);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);padding:var(--sg-space-3) var(--sg-space-6);border-radius:var(--sg-radius-md);border:none;cursor:pointer;transition:background-color var(--sg-transition-fast)}.sg-btn-primary:hover{background-color:var(--sg-btn-primary-hover)}.sg-btn-primary:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px}.sg-card{background-color:var(--sg-bg-card);border-radius:var(--sg-radius-lg);box-shadow:var(--sg-shadow-card);padding:var(--sg-space-6)}.sg-link{color:var(--sg-link);text-decoration:none;transition:color var(--sg-transition-fast)}.sg-link:hover{color:var(--sg-link-hover)}.sg-badge{display:inline-flex;align-items:center;padding:var(--sg-space-1) var(--sg-space-3);border-radius:var(--sg-radius-full);font-size:var(--sg-text-xs);font-weight:var(--sg-font-semibold);text-transform:uppercase;letter-spacing:var(--sg-tracking-wide)}.sg-badge-success{background-color:#028b711a;color:var(--sg-success)}.sg-badge-warning{background-color:#f59e0b1a;color:var(--sg-warning)}.sg-badge-error{background-color:#dc26261a;color:var(--sg-error)}.sg-badge-info{background-color:#55d7e91a;color:#0891b2}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--sg-font-body);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--sg-bg-page);color:var(--sg-text-primary);font-size:var(--sg-text-base);line-height:var(--sg-leading-normal);overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--sg-font-heading);font-weight:var(--sg-font-bold);line-height:var(--sg-leading-tight);letter-spacing:var(--sg-tracking-wide);color:var(--sg-text-primary);margin-bottom:var(--sg-space-4)}h1{font-size:var(--sg-text-4xl);letter-spacing:var(--sg-tracking-wider)}h2{font-size:var(--sg-text-3xl)}h3{font-size:var(--sg-text-2xl)}h4{font-size:var(--sg-text-xl)}h5{font-size:var(--sg-text-lg)}h6{font-size:var(--sg-text-base)}p{margin-bottom:var(--sg-space-4);line-height:var(--sg-leading-relaxed)}a{color:var(--sg-link);text-decoration:none;transition:color var(--sg-transition-fast)}a:hover{color:var(--sg-link-hover)}a:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px;border-radius:var(--sg-radius-sm)}input,textarea,select{font-family:var(--sg-font-body);font-size:var(--sg-text-base);color:var(--sg-text-primary);background-color:var(--sg-bg-card);border:var(--sg-border-width) solid var(--sg-border);border-radius:var(--sg-radius-md);padding:var(--sg-space-3) var(--sg-space-4);transition:border-color var(--sg-transition-fast),box-shadow var(--sg-transition-fast);width:100%}input::placeholder,textarea::placeholder{color:var(--sg-text-secondary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--sg-link);box-shadow:0 0 0 3px #028b7126}input:disabled,textarea:disabled,select:disabled{background-color:var(--sg-bg-page);cursor:not-allowed;opacity:.6}button{cursor:pointer;font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;border:none;border-radius:var(--sg-radius-md);padding:var(--sg-space-3) var(--sg-space-6);transition:all var(--sg-transition-fast)}button:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.primary,button[type=submit]{background-color:var(--sg-btn-primary-bg);color:var(--sg-btn-primary-text)}button.primary:hover:not(:disabled),button[type=submit]:hover:not(:disabled){background-color:var(--sg-btn-primary-hover)}button.secondary{background-color:transparent;color:var(--sg-text-primary);border:var(--sg-border-width) solid var(--sg-border)}button.secondary:hover:not(:disabled){background-color:var(--sg-bg-page);border-color:var(--sg-text-secondary)}ul,ol{padding-left:var(--sg-space-6);margin-bottom:var(--sg-space-4)}li{margin-bottom:var(--sg-space-2)}table{width:100%;border-collapse:collapse;margin-bottom:var(--sg-space-6)}th,td{text-align:left;padding:var(--sg-space-3) var(--sg-space-4);border-bottom:var(--sg-border-width) solid var(--sg-border)}th{font-family:var(--sg-font-heading);font-weight:var(--sg-font-semibold);font-size:var(--sg-text-xs);letter-spacing:var(--sg-tracking-wider);text-transform:uppercase;color:var(--sg-text-secondary);background-color:var(--sg-bg-page)}img{max-width:100%;height:auto;display:block}::selection{background-color:var(--sg-accent);color:var(--sg-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--sg-bg-page)}::-webkit-scrollbar-thumb{background:var(--sg-border);border-radius:var(--sg-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--sg-text-secondary)}.container{width:100%;max-width:var(--sg-max-width-content);margin:0 auto;padding:0 var(--sg-space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){html{font-size:15px}h1{font-size:var(--sg-text-3xl)}h2{font-size:var(--sg-text-2xl)}.container{padding:0 var(--sg-space-4)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.js-focus-visible :focus:not(.focus-visible){outline:none}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--sg-bg-page);padding:var(--sg-space-4)}.not-found-content{text-align:center}.not-found-content h1{font-size:var(--sg-text-5xl);color:var(--sg-text-primary);margin-bottom:var(--sg-space-2)}.not-found-content p{font-size:var(--sg-text-lg);color:var(--sg-text-secondary);margin-bottom:var(--sg-space-6)}.not-found-link{display:inline-block;padding:var(--sg-space-3) var(--sg-space-6);font-family:var(--sg-font-heading);font-size:var(--sg-text-sm);font-weight:var(--sg-font-semibold);letter-spacing:var(--sg-tracking-wide);text-transform:uppercase;color:var(--sg-btn-primary-text);background-color:var(--sg-btn-primary-bg);border-radius:var(--sg-radius-md);text-decoration:none;transition:background-color var(--sg-transition-fast)}.not-found-link:hover{background-color:var(--sg-btn-primary-hover);color:var(--sg-btn-primary-text)}