.nasi-files-app{--nasi-page:#d8dada;--nasi-card:#f0f1f1;--nasi-card-2:#ffffff;--nasi-ink:#1f2630;--nasi-muted:#616b77;--nasi-line:#ccd0d5;--nasi-accent:#f4b000;--nasi-accent-dark:#d99b00;--nasi-good:#2f7a45;max-width:760px;margin:14px auto;padding:14px;border:1px solid #c8cccf;background:var(--nasi-page);color:var(--nasi-ink)}.nasi-files-app *{box-sizing:border-box}.nasi-files-intro,.nasi-files-actions-grid,.nasi-files-upload-zone,.nasi-files-filters,.nasi-files-list,.nasi-files-pagination{background:var(--nasi-card);border:1px solid var(--nasi-line);border-radius:10px;padding:12px;margin-bottom:12px}.nasi-files-intro__title{font-size:18px;font-weight:700;margin-bottom:4px}.nasi-files-intro__text{margin:0;color:var(--nasi-muted);font-size:13px}.nasi-files-shortcuts{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.nasi-files-footer-actions{margin-bottom:12px;display:flex}.nasi-files-actions-grid{display:flex;flex-wrap:nowrap;gap:8px}.nasi-files-actions-grid .nasi-btn{flex:1 1 0%;min-width:0;padding-left:8px;padding-right:8px}.nasi-files-upload-zone{border:2px dashed #b6c2b9;text-align:center;background:#eff3f0}.nasi-files-upload-zone.is-drag-over{border-color:var(--nasi-good);background:#e7f2ea}.nasi-files-upload-zone__title{font-size:22px;line-height:1.2;font-weight:700;margin-bottom:4px}.nasi-files-upload-zone__hint{font-size:12px;color:var(--nasi-muted)}.nasi-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:8px;border:1px solid #d8b970;background:#fff;color:var(--nasi-ink);font-size:13px;font-weight:600;line-height:1;padding:10px 12px;cursor:pointer;text-decoration:none}.nasi-btn--primary{background:var(--nasi-accent);border-color:var(--nasi-accent-dark);color:#111}.nasi-btn--accent{background:#f0db9e;border-color:#d8c07f;color:#826f33}.nasi-btn--accent:disabled{opacity:1;color:#9d916d;background:#ecd99f;border-color:#d8c28e;cursor:not-allowed}.nasi-btn--ghost{background:#fff;border-color:var(--nasi-line)}.nasi-btn--small{min-height:38px;font-size:12px}.nasi-files-app input[type="search"],.nasi-files-app select{width:100%;min-height:44px;height:44px;border-radius:8px;border:1px solid var(--nasi-line);background:#fff;color:var(--nasi-ink);padding:10px 12px;font-size:14px}.nasi-files-filters{display:grid;gap:8px}.nasi-files-filters__row{display:grid;grid-template-columns:1fr auto;gap:8px}.nasi-files-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.nasi-files-feedback{min-height:20px;font-size:12px;color:#2f5f2f}.nasi-files-count{font-size:12px;color:var(--nasi-muted);white-space:nowrap}.nasi-files-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nasi-file-card{border:1px solid var(--nasi-line);background:#fff;border-radius:10px;padding:10px}.nasi-file-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.nasi-file-card__head-right{display:flex;align-items:center;gap:6px}.nasi-file-card__name{font-weight:700;font-size:14px;line-height:1.3;word-break:break-word}.nasi-file-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #e0c675;background:#fff4cc;color:#5f4b15;font-size:10px;font-weight:700;padding:2px 8px}.nasi-icon-btn{width:30px;height:30px;padding:0;border:1px solid #d8b970;border-radius:7px;background:#fff;color:#2d2d2d;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.nasi-icon-btn svg{width:16px;height:16px;fill:currentColor}.nasi-icon-btn--danger:hover{color:#9a1b1b;border-color:#d2a2a2}.nasi-file-card__meta{margin-top:6px;font-size:12px;color:var(--nasi-muted)}.nasi-file-card__actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.nasi-files-empty{border:1px solid var(--nasi-line);background:#fff;border-radius:10px;padding:16px;text-align:center}.nasi-files-empty__title{margin:0 0 4px;font-size:16px;font-weight:700}.nasi-files-empty__text{margin:0;color:var(--nasi-muted);font-size:13px}.nasi-files-empty__actions{margin-top:10px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.nasi-files-pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;text-align:center}.nasi-files-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.nasi-files-modal[hidden]{display:none}.nasi-files-modal__backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .6)}.nasi-files-modal__panel{position:relative;width:min(94vw, 920px);max-height:90vh;overflow:auto;background:#fff;border-radius:10px;z-index:1}.nasi-files-modal__header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #e5e5e5}.nasi-files-modal__body{padding:14px}.nasi-files-modal__body iframe,.nasi-files-modal__body img{width:100%;min-height:70vh;border:0}@media (max-width:640px){.nasi-files-app{margin:10px;padding:10px}.nasi-files-filters__row,.nasi-files-list{grid-template-columns:1fr}.nasi-files-actions-grid .nasi-btn{min-height:40px;font-size:12px;padding-left:6px;padding-right:6px}.nasi-files-list-head{flex-direction:column;align-items:flex-start}}