.app{width:100%}.app-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.app-header h1{margin:0;font-size:1.5rem;font-weight:500}.date-picker-container{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.calendar-dropdown{position:relative;z-index:100;margin-bottom:16px}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-content{text-align:center;padding:16px}.stat-value{font-size:2rem;font-weight:600;margin-bottom:4px}.stat-label{font-size:.875rem;opacity:.8}.section{margin-bottom:24px}.section h2{font-size:1.25rem;font-weight:500;margin-bottom:12px}.section-info{margin:-4px 0 12px;font-size:.9rem;opacity:.7}.table-header{display:flex;justify-content:flex-end;padding:12px 16px;border-bottom:1px solid rgba(var(--chayns-color-rgb--text),.1)}.table-header button{font-size:.85rem!important}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(var(--chayns-color-rgb--text),.08)}.data-table th{font-weight:500;opacity:.7}.data-table tbody tr:hover{background:rgba(var(--chayns-color-rgb--text),.03)}.order-details-chayns{padding:8px 0}.order-meta{display:flex;gap:24px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(var(--chayns-color-rgb--text),.1)}.article-detail-chayns{background:rgba(var(--chayns-color-rgb--text),.03);border-radius:8px;padding:12px 16px;margin-bottom:8px}.article-detail-chayns:last-child{margin-bottom:0}.article-header-chayns{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-bottom:8px}.article-options-chayns{padding-left:16px;border-left:2px solid rgba(var(--chayns-color-rgb--text),.1);margin-bottom:8px}.option-item-chayns{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.9rem;opacity:.8}.article-sum-chayns{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(var(--chayns-color-rgb--text),.1);font-weight:600}.loading{display:flex;justify-content:center;padding:48px}@media(max-width:768px){.app-header{flex-direction:column;align-items:flex-start}.statistics-grid{grid-template-columns:repeat(2,1fr)}.order-meta{flex-direction:column;gap:8px}}@media(max-width:480px){.statistics-grid{grid-template-columns:1fr}}.order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(var(--chayns-color-rgb--text),.1)}.order-total{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:2px solid rgba(var(--chayns-color-rgb--text),.1);font-weight:600;font-size:1.1rem}.order-right{display:flex;gap:8px;align-items:center}.order-right__time{font-size:.85rem;opacity:.7}.empty-state{text-align:center;padding:16px;opacity:.7}.load-more{text-align:center;padding:16px}html.chayns-css-loading{opacity:0}*{box-sizing:border-box}