.toast-container{position:fixed;top:clamp(1rem,2vh,2rem);right:clamp(1rem,2vw,2rem);width:clamp(20rem,40vw,30rem);max-height:clamp(20rem,50vh,30rem);background-color:var(--color-white-overlay);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow-y:auto;z-index:1000;display:flex;flex-direction:column}.toast-container__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);flex-shrink:0}.toast-container__label{font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);color:var(--color-text)}.toast-container__count{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);color:var(--color-primary);background-color:var(--color-background-alt);border-radius:var(--border-radius-md)}.toast-container .info{margin-bottom:var(--spacing-sm);transition:opacity var(--transition-normal),transform var(--transition-normal)}.info{background-color:var(--color-background);margin-bottom:var(--spacing-md);display:flex;flex-direction:column;max-height:var(--content-height)}.info--success{border-color:var(--color-success);background-color:var(--color-success);background-color:var(--color-success-bg)}.info--warning{border-color:var(--color-warning);background-color:var(--color-warning-bg)}.info--error{border-color:var(--color-error);background-color:var(--color-error-bg)}.info__title{font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);color:var(--color-text);border-bottom:var(--border-width-sm) solid var(--color-border);background-color:var(--color-background);position:sticky;top:0;z-index:2;flex-shrink:0}.info__content{font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);color:var(--color-text);line-height:var(--line-height-normal);padding:var(--spacing-xs);overflow-y:auto;flex-grow:1}.info__content--compact{padding:var(--spacing-xs);gap:var(--spacing-xs)}.info__label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.note-input{width:100%;min-height:clamp(6rem,15vh,10rem);padding:var(--spacing-md);font-size:var(--font-size-medium);font-family:var(--font-family);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.note-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-black-overlay)}.note-input::placeholder{color:var(--color-text-muted)}.info__value{font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);color:var(--color-text);margin-bottom:var(--spacing-sm)}.info__value--muted{color:var(--color-text-muted)}.info__value--small{font-size:var(--font-size-small);color:var(--color-text-muted)}.info__value--bold{font-weight:var(--font-weight-bold)!important}.info__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.info__inline-spaced{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.info__parts-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.info__parts-container{max-height:300px;overflow-y:auto}.info__part-row{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs);cursor:pointer;border-bottom:var(--border-width-sm) solid var(--color-border)}.info__part-row:last-child{border-bottom:none}.info__part-row:hover{background-color:var(--color-background-alt)}.info__part-row--selected{background-color:var(--color-background-alt);border-left:var(--border-width-sm) solid var(--color-primary)}.info__row{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-width-sm) solid var(--color-border)}.info__row:last-child{border-bottom:none}.info__actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.info__icon{display:inline-flex;align-items:center;justify-content:center;width:clamp(1.5rem,3vw,2rem);height:clamp(1.5rem,3vw,2rem);margin-right:var(--spacing-sm)}.info__empty{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--spacing-lg);color:var(--color-text-muted);font-size:var(--font-size-medium);text-align:center}.info__container{border:var(--border-width-md) solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);width:clamp(40rem,80vw,80rem);height:var(--content-height);background-color:var(--color-background)}.info__container--details{width:50%}.info__row--list{flex-direction:column;align-items:flex-start}.info__value--list{margin-left:var(--spacing-sm);list-style:none;padding:0;margin-top:var(--spacing-xs)}.info__value--list li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-sm);position:relative}.info__value--list li:before{content:"•";position:absolute;left:0;color:var(--color-text-muted)}.info__container--mobile{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background-color:var(--color-background);display:flex;flex-direction:column;overflow:hidden;flex:1;min-width:0;min-height:clamp(15rem,35vh,25rem)}.info__container--mobile-content{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.info__container--mobile-tall{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background-color:var(--color-background);display:flex;flex-direction:column;overflow:hidden;flex:1.5;min-width:0;min-height:clamp(15rem,35vh,25rem);max-height:clamp(20rem,40vh,30rem)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-xs);background-color:var(--color-background-alt);min-height:clamp(2rem,4vh,3rem)}.header__title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--color-text);margin-right:var(--spacing-xs)}.header__title-row,.header__title-buttons{display:flex;align-items:center;gap:var(--spacing-xs)}.header__title-button{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:transparent;border:none;padding:var(--spacing-xs);cursor:pointer;transition:color var(--transition-fast);border-bottom:2px solid transparent}.header__title-button:hover{color:var(--color-text)}.header__title-button--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.header__title-separator{color:var(--color-text-muted);font-size:var(--font-size-large)}.header__actions{display:flex;gap:var(--spacing-sm);align-items:center}.header__badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text)}.header__badge--warning{background-color:var(--color-warning);color:var(--color-text)}.header__badge--success{background-color:var(--color-success)}.header__notification-icon{font-size:clamp(1.25rem,2vw,1rem)!important}.header__user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.header__username{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);color:var(--color-text)}.header__role{font-size:var(--font-size-small);color:var(--color-text-muted)}.mobile-layout__header .header__role{display:block;font-size:clamp(.6rem,1.5vw,.75rem);color:var(--color-text-muted)}.header__auth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);gap:var(--spacing-lg)}.header__auth-title{font-size:clamp(var(--font-size-large),4vw,var(--font-size-xl));font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center}.header__auth-button{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);color:var(--color-background);background-color:var(--color-primary);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);min-width:clamp(200px,30vw,300px)}.header__auth-button:hover{background-color:var(--color-primary);opacity:.9;transform:translateY(calc(var(--border-width-sm) * -2))}.header__auth-button:active{transform:translateY(0)}.sidebar{display:flex;flex-direction:column;width:clamp(16rem,20vw,24rem);background-color:var(--color-background);border-right:var(--border-width-sm) solid var(--color-border);height:100vh}.sidebar--closed{width:0;border-right:none;overflow:hidden}.sidebar__header{padding:var(--spacing-md);border-bottom:var(--border-width-sm) solid var(--color-border)}.sidebar__title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--color-text)}.sidebar__content{flex:1;padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar__section{margin-bottom:var(--spacing-lg)}.sidebar__section-title{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.sidebar__item{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);color:var(--color-text);background-color:var(--color-background);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.sidebar__item:hover{background-color:var(--color-background-alt);border-color:var(--color-primary)}.sidebar__item--active{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.sidebar__item--active:hover{background-color:var(--color-primary);border-color:var(--color-primary);opacity:.9}.sidebar__footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.sidebar__button{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);color:var(--color-text);background-color:var(--color-background);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.sidebar__button:hover{background-color:var(--color-error);color:var(--color-background);border-color:var(--color-error)}.sidebar--right{position:fixed;top:0;right:0;width:clamp(20rem,30vw,32rem);max-width:90vw;height:100vh;background-color:var(--color-background);border-left:var(--border-width-sm) solid var(--color-border);box-shadow:var(--shadow-lg);z-index:1000;transform:translate(100%);transition:transform var(--transition-normal)}.sidebar--right.sidebar--open{transform:translate(0)}.sidebar--right.sidebar--closed{transform:translate(100%)}.sidebar--overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-black-overlay-medium);z-index:999;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.sidebar--overlay.sidebar--open{opacity:1;visibility:visible}.button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-large);font-weight:var(--font-weight-normal);color:var(--color-background);background-color:var(--color-primary);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color var(--transition-fast);flex-shrink:0;margin-right:var(--spacing-xs)}.button:hover{opacity:.8}.button:last-child{margin-right:0}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.button--primary:hover{background-color:var(--color-primary);border-color:var(--color-primary);opacity:.9}.button--transparent{background-color:transparent;border-color:transparent;color:var(--color-text)}.button--transparent:hover{background-color:var(--color-background);border-color:transparent}.button--error{background-color:var(--color-error);border-color:var(--color-error);color:var(--color-background)}.button--error:hover{background-color:var(--color-error);border-color:var(--color-error);opacity:.9}.button--s{padding:var(--spacing-xs) var(--spacing-xs);font-size:var(--font-size-large)}.button--m{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-large)}.button--l{padding:var(--spacing-md) var(--spacing-md);font-size:var(--font-size-large)}.button--compact{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-large);min-width:auto;width:auto!important;flex-shrink:0}.button--header{padding:clamp(.25rem,.5vw,var(--spacing-xs)) clamp(.5rem,1vw,var(--spacing-sm));font-size:clamp(.7rem,1.5vw,var(--font-size-large));min-width:clamp(3rem,8vw,auto);max-width:clamp(5rem,12vw,auto);flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button--touch-s{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-large);min-height:clamp(2.25rem,6vw,2.75rem);min-width:clamp(2.25rem,6vw,2.75rem);border-radius:var(--border-radius-md);line-height:var(--line-height-tight)}.button--touch-m{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-large);min-height:clamp(2.75rem,8vw,3.25rem);min-width:clamp(2.75rem,8vw,3.25rem);border-radius:var(--border-radius-md);line-height:var(--line-height-tight)}.button--touch-l{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-large);min-height:clamp(3.25rem,10vw,4rem);min-width:clamp(3.25rem,10vw,4rem);border-radius:var(--border-radius-lg);line-height:var(--line-height-tight)}.button--success{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-background)}.button--success:hover{background-color:var(--color-success);border-color:var(--color-success);opacity:.9}.button--action-group{display:flex;gap:var(--spacing-xs);width:100%}.button--action-group .button--action-primary{flex:7;min-height:clamp(3.25rem,10vw,4rem);font-size:var(--font-size-large);padding:var(--spacing-sm) var(--spacing-xs);line-height:var(--line-height-tight);border-radius:var(--border-radius-md)}.button--action-group .button--action-secondary{flex:3;min-height:clamp(3.25rem,10vw,4rem);font-size:var(--font-size-large);padding:var(--spacing-sm) var(--spacing-xs);line-height:var(--line-height-tight);border-radius:var(--border-radius-md)}.button--action-group .button--action-full{flex:1;min-height:clamp(3.25rem,10vw,4rem);font-size:var(--font-size-large);padding:var(--spacing-sm) var(--spacing-xs);line-height:var(--line-height-tight);border-radius:var(--border-radius-md)}select{width:auto;max-width:clamp(6rem,15vw,10rem);margin-right:var(--spacing-xs)}.note{background-color:var(--color-background);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.note__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:var(--border-width-sm) solid var(--color-border);gap:var(--spacing-sm)}.note__user-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.note__user-row{display:flex;align-items:center;gap:var(--spacing-xs)}.note__username{font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);color:var(--color-text)}.note__role{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-background-alt);border-radius:var(--border-radius-sm)}.note__meta{display:flex;align-items:center;gap:var(--spacing-sm)}.note__timestamp{font-size:var(--font-size-small);color:var(--color-text-muted)}.note__actions{display:flex;gap:var(--spacing-xs)}.note__content{font-size:var(--font-size-medium);line-height:var(--line-height-normal);color:var(--color-text);padding:var(--spacing-sm) 0}.note__content-textarea{width:100%;min-height:clamp(4rem,10vh,8rem);padding:var(--spacing-md);font-size:var(--font-size-medium);font-family:var(--font-family);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--border-radius-md);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:var(--spacing-sm)}.note__content-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-black-overlay)}.note__updated{font-size:var(--font-size-small);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.notes-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.notes-empty{text-align:center;padding:var(--spacing-lg);color:var(--color-text-muted);font-size:var(--font-size-medium)}.note__error{margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-error-bg);border:var(--border-width-sm) solid var(--color-error);border-radius:var(--border-radius-md);color:var(--color-error);font-size:var(--font-size-medium)}.table__wrapper{overflow-y:auto;max-height:clamp(30rem,65vh,50rem);height:100%}.table{display:table;background-color:var(--color-background);height:auto;width:100%;border-collapse:collapse}.table__header{display:table-header-group;background-color:var(--color-background-alt);border-bottom:var(--border-width-md) solid var(--color-border)}.table__body{display:table-row-group}.table__header-cell{display:table-cell;font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);color:var(--color-text);text-align:center;position:relative;padding:var(--spacing-xs) var(--spacing-sm)}.table__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table__header-cell--sortable:after{font-size:var(--font-size-small);margin-left:var(--spacing-xs);opacity:.5}.table__cell-number{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.table__cell-number-wo{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);color:var(--color-text)}.table__cell-number-ord{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.table__header-cell--sortable.table__header-cell--asc:after{content:"↑";opacity:1}.table__header-cell--sortable.table__header-cell--desc:after{content:"↓";opacity:1}.table__header-cell--sortable:hover{background-color:var(--color-border)}.table__row{display:table-row;border-bottom:var(--border-width-sm) solid var(--color-border);transition:background-color var(--transition-fast)}.table__row:hover{background-color:var(--color-background-alt)}.table__row--selected{border:var(--border-width-md) solid var(--color-primary)}.table__cell{display:table-cell;font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);color:var(--color-text);text-align:center;padding:var(--spacing-xs) var(--spacing-sm)}.table__header-cell--number{width:15%}.table__header-cell--narrow{width:10%}.table__header-cell--wide{width:30%}.table__cell--number{text-align:right;width:15%}.table__cell--narrow{width:10%}.table__cell--wide{width:30%}.table__cell--status{font-weight:var(--font-weight-medium)}.table__status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md)}.table__status-badge--active{background-color:var(--color-info);color:var(--color-background)}.table__status-badge--completed{background-color:var(--color-success);color:var(--color-background)}.table__status-badge--pending{background-color:var(--color-warning);color:var(--color-text)}.table__status-badge--error{background-color:var(--color-error);color:var(--color-background)}.table__status-badge--gray{background-color:var(--color-text-muted);color:var(--color-background)}.table__empty,.table__loading{padding:var(--spacing-lg);font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);color:var(--color-text-muted);text-align:center}.table__progress-bar{width:100%;height:clamp(.5rem,1vh,.75rem);background-color:var(--color-background-alt);border-radius:var(--border-radius-sm);overflow:hidden}.table__progress-bar-fill{height:100%;background-color:var(--color-primary);width:var(--progress-width, 0%);transition:width var(--transition-normal)}.mobile-layout{display:flex;flex-direction:column;max-height:100vh;max-width:100vw;background-color:var(--color-background);padding:var(--spacing-sm);overflow:hidden}@media(orientation:portrait){.mobile-layout{height:100vh}}@media(orientation:landscape){.mobile-layout{max-height:87vh}}.mobile-layout__content{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.mobile-layout__footer{flex-shrink:0;padding:var(--spacing-sm);border-top:var(--border-width-sm) solid var(--color-border)}.mobile-layout__notification-drawer{position:fixed;top:0;right:0;width:clamp(20rem,50vw,30rem);height:100vh;background-color:var(--color-background);border-left:var(--border-width-md) solid var(--color-border);transform:translate(100%);transition:transform var(--transition-normal);z-index:1000;display:flex;flex-direction:column}.mobile-layout__notification-drawer--open{transform:translate(0)}.mobile-layout__notification-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:var(--border-width-md) solid var(--color-border);flex-shrink:0}.mobile-layout__notification-drawer-content{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.mobile-layout__notification-card{padding:var(--spacing-sm);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);background-color:var(--color-background);transition:background-color var(--transition-fast)}.mobile-layout__notification-card--read{opacity:.7}.mobile-layout__notification-card-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.mobile-layout__notification-card-icon{font-size:var(--font-size-large)}.mobile-layout__notification-card-title{font-weight:var(--font-weight-medium);color:var(--color-text)}.mobile-layout__notification-card-message{color:var(--color-text);margin-bottom:var(--spacing-xs)}.mobile-layout__notification-card-meta{color:var(--color-text-muted);font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}.mobile-layout__notification-card-time{color:var(--color-text-muted);font-size:var(--font-size-small);margin-bottom:var(--spacing-sm)}.mobile-layout__notification-card-actions{display:flex;gap:var(--spacing-xs)}.mobile-layout__top-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);align-items:stretch}.mobile-layout__top-row>*{flex:1}.mobile-layout__notification-queue-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:var(--font-size-small)}.mobile-layout__notification-queue-scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;overflow-y:hidden;padding:var(--spacing-xs);flex:1;min-height:0;max-width:85%;scroll-snap-type:x mandatory}.mobile-layout__notification-queue-scroll::-webkit-scrollbar{height:var(--spacing-xs)}.mobile-layout__notification-queue-scroll::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--border-radius-sm)}.mobile-layout__notification-queue-item{flex-shrink:0;width:clamp(15rem,40vw,25rem);height:clamp(8rem,15vw,15rem);max-width:26vw;max-height:35vh;padding:var(--spacing-sm);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-background);animation:slideIn .3s ease-out;scroll-snap-align:start;box-shadow:var(--shadow-sm)}.mobile-layout__notification-queue-item--read{opacity:.6}.mobile-layout__notification-queue-item--selected{border:var(--border-width-md) solid var(--color-primary)}.mobile-layout__compact-header{display:flex;background-color:var(--color-background)}.mobile-layout__compact-header-menu{flex-shrink:0;font-size:var(--font-size-medium)}.mobile-layout__compact-header-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-small)}.mobile-layout__compact-header-username{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:clamp(6rem,20vw,12rem)}.mobile-layout__notification-queue--tall{min-height:clamp(15rem,35vh,25rem);max-height:clamp(20rem,40vh,30rem)}.mobile-layout__notification-queue--tall .mobile-layout__notification-queue-scroll{min-height:clamp(12rem,30vh,22rem)}.mobile-layout__main-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);align-items:stretch;min-height:clamp(15rem,35vh,25rem)}.mobile-layout__main-row>*:first-child{flex:1;min-width:0}.mobile-layout__main-row>*:last-child{flex:1.5;min-width:0}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.mobile-layout__notification-queue-item-content{display:flex;align-items:flex-start;gap:var(--spacing-xs)}.mobile-layout__notification-queue-icon{font-size:var(--font-size-large);flex-shrink:0}.mobile-layout__notification-queue-text{flex:1;min-width:0}.mobile-layout__notification-queue-message{font-size:var(--font-size-small);color:var(--color-text);margin-bottom:var(--spacing-xs);word-wrap:break-word}.mobile-layout__notification-queue-meta{font-size:var(--font-size-small);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.mobile-layout__notification-queue-time{font-size:var(--font-size-small);color:var(--color-text-muted)}.mobile-layout__notification-queue-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs);min-width:6rem}.mobile-layout__notification-queue-actions .button{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-small);white-space:nowrap}.mobile-layout__notification-queue-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:var(--border-width-sm) solid var(--color-border);min-height:clamp(2rem,4vh,2.5rem);flex-shrink:0}.mobile-layout__notification-queue-label{font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);color:var(--color-text)}.mobile-layout__notification-queue-count{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-primary);background-color:var(--color-background-alt);border-radius:var(--border-radius-md)}.mobile-layout__notification-queue{position:relative}.mobile-layout__drawer{position:fixed;top:0;left:0;width:80vw;max-width:20rem;height:100vh;background-color:var(--color-background);border-right:var(--border-width-sm) solid var(--color-border);transform:translate(-100%);transition:transform var(--transition-normal);z-index:1000}.mobile-layout__drawer--open{transform:translate(0)}.mobile-layout__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-black-overlay-heavy);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);z-index:999;display:flex;align-items:center;justify-content:center}.mobile-layout__overlay--visible{opacity:1;visibility:visible}.mobile-layout__overlay-content{background-color:var(--color-background);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:clamp(20rem,50vw,30rem);text-align:center}.mobile-layout__overlay-content .text-large{margin-bottom:var(--spacing-md)}.mobile-layout__card{padding:var(--spacing-md);background-color:var(--color-background);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--border-radius-lg)}.mobile-layout__card--touch{min-height:clamp(3rem,8vh,4rem);display:flex;align-items:center}.mobile-layout__status-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);margin-top:var(--spacing-md);max-width:30vw;max-height:30vh}.mobile-layout__notification-queue{display:flex;flex-direction:column;gap:var(--spacing-xs);background-color:var(--color-surface-alt);border:var(--border-width-lg) solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;max-height:27vh;margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs)}.mobile-layout__status-card{padding:var(--spacing-sm);background-color:var(--color-background);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--border-radius-lg);text-align:center}.mobile-layout__status-value{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--color-text)}.mobile-layout__status-label{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.mobile-layout__status-card--ready .mobile-layout__status-value{color:var(--color-warning)}.mobile-layout__status-card--in-progress .mobile-layout__status-value{color:var(--color-info)}.mobile-layout__status-card--completed .mobile-layout__status-value{color:var(--color-success)}.mobile-layout__status-card--failed .mobile-layout__status-value{color:var(--color-error)}.mobile-layout__status-icon{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);width:clamp(3rem,8vw,5rem);height:clamp(3rem,8vw,5rem);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-large);font-weight:var(--font-weight-bold);cursor:pointer;z-index:1001;transition:opacity var(--transition-normal),transform var(--transition-normal);animation:slideInIcon var(--transition-normal) ease-out}.mobile-layout__status-icon--success{background-color:var(--color-success);color:var(--color-background);box-shadow:var(--shadow-lg)}.mobile-layout__status-icon--failure{background-color:var(--color-error);color:var(--color-background);box-shadow:var(--shadow-lg)}.mobile-layout__status-icon:hover{opacity:.8;transform:scale(1.05)}@keyframes slideInIcon{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-layout__order-filter-controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.mobile-layout__order-filter-arrow{min-width:clamp(3rem,12vw,4rem);min-height:clamp(1.5rem,4vw,2rem);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-layout__order-filter-arrow--disabled{background-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.mobile-layout__order-filter-arrow--enabled{background-color:var(--color-primary);color:var(--color-background);cursor:pointer}.mobile-layout__order-filter-arrow--enabled:hover{background-color:var(--color-info)}.mobile-layout__order-filter-sort{min-width:clamp(4rem,15vw,6rem);min-height:clamp(1.5rem,4vw,2rem);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.mobile-layout__order-filter-sort--inactive{background-color:var(--color-border);color:var(--color-text-muted)}.mobile-layout__order-filter-sort--active{background-color:var(--color-primary);color:var(--color-background)}.mobile-layout__order-filter-current{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary);color:var(--color-background);border-radius:var(--border-radius-md);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.mobile-layout__order-filter-current:hover{opacity:.8}:root{--color-primary: #0066cc;--color-secondary: #6c757d;--color-background: #ffffff;--color-background-alt: #f8f9fa;--color-text: #212529;--color-text-muted: #6c757d;--color-border: #dee2e6;--color-success: #28a745;--color-warning: #ffc107;--color-error: #dc3545;--color-info: #17a2b8;--color-success-bg: rgba(40, 167, 69, .1);--color-warning-bg: rgba(255, 193, 7, .1);--color-error-bg: rgba(220, 53, 69, .1);--color-info-bg: rgba(23, 162, 184, .1);--color-black-overlay: rgba(0, 0, 0, .1);--color-black-overlay-medium: rgba(0, 0, 0, .5);--color-black-overlay-heavy: rgba(0, 0, 0, .7);--color-white-overlay: rgba(255, 255, 255, .95);--spacing-xs: clamp(.25rem, .5vw, .5rem);--spacing-sm: clamp(.5rem, 1vw, 1rem);--spacing-md: clamp(1rem, 2vw, 1.5rem);--spacing-lg: clamp(1.5rem, 3vw, 2rem);--spacing-xl: clamp(2rem, 4vw, 3rem);--font-size-small: clamp(.5rem, 1.5vw, .75rem);--font-size-medium: clamp(.75rem, 2vw, 1rem);--font-size-large: clamp(1rem, 2.5vw, 1.25rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--border-radius-sm: 2px;--border-radius-md: 4px;--border-radius-lg: 6px;--border-width-sm: 1px;--border-width-md: 2px;--border-width-lg: 4px;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .15);--header-height: clamp(2rem, 4vh, 3rem);--content-height: calc(100vh - var(--header-height))}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background)}.text-small{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight)}.text-medium{font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.text-large{font-size:var(--font-size-large);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed)}