430 lines
14 KiB
CSS
430 lines
14 KiB
CSS
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
!*** css ./node_modules/.pnpm/next@15.3.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/.pnpm/next@15.3.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/globals.css ***!
|
|
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--primary: #1e293b; /* Clean slate gray */
|
|
--secondary: #334155; /* Medium slate */
|
|
--tertiary: #64748b; /* Light slate */
|
|
--accent: #2563eb; /* Professional blue */
|
|
--accent-light: #3b82f6; /* Lighter blue */
|
|
--success: #059669; /* Clean green */
|
|
--background: #ffffff; /* Pure white background */
|
|
--surface: #ffffff; /* White surfaces */
|
|
--surface-alt: #f8fafc; /* Very light gray */
|
|
--text-primary: #0f172a; /* Deep text */
|
|
--text-secondary: #475569; /* Medium text */
|
|
--text-muted: #64748b; /* Light text */
|
|
--border: #e2e8f0; /* Subtle borders */
|
|
--border-light: #f1f5f9; /* Very light borders */
|
|
--shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
|
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
}
|
|
|
|
@layer base {
|
|
html {
|
|
font-family: 'Inter', system-ui, sans-serif;
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
@apply antialiased;
|
|
background: linear-gradient(135deg, var(--background) 0%, #f7fafc 100%);
|
|
color: var(--text-primary);
|
|
line-height: 1.6;
|
|
}
|
|
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
/* Premium Header Styles */
|
|
.premium-header {
|
|
background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.premium-header::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(49, 130, 206, 0.1) 100%);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.premium-title {
|
|
font-family: 'Playfair Display', serif;
|
|
font-weight: 700;
|
|
letter-spacing: -0.025em;
|
|
color: var(--surface);
|
|
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.premium-subtitle {
|
|
color: var(--accent-gold);
|
|
font-weight: 500;
|
|
letter-spacing: 0.05em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* Premium Button Styles */
|
|
.btn-premium {
|
|
@apply inline-flex items-center justify-center px-6 py-3 text-sm font-semibold rounded-lg transition-all duration-300 transform;
|
|
background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-green) 100%);
|
|
color: var(--surface);
|
|
box-shadow: var(--shadow-medium);
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.btn-premium:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: var(--shadow-xl);
|
|
background: linear-gradient(135deg, var(--accent-green) 0%, var(--accent-blue) 100%);
|
|
}
|
|
|
|
.btn-premium:active {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.btn-outline-premium {
|
|
@apply inline-flex items-center justify-center px-4 py-2 text-sm font-medium rounded-lg transition-all duration-300;
|
|
background: var(--surface);
|
|
color: var(--primary);
|
|
border: 2px solid var(--border);
|
|
box-shadow: var(--shadow-light);
|
|
}
|
|
|
|
.btn-outline-premium:hover {
|
|
background: var(--primary);
|
|
color: var(--surface);
|
|
border-color: var(--primary);
|
|
transform: translateY(-1px);
|
|
box-shadow: var(--shadow-medium);
|
|
}
|
|
|
|
/* Premium Card Styles */
|
|
.card-premium {
|
|
background: var(--surface);
|
|
border-radius: 16px;
|
|
box-shadow: var(--shadow-large);
|
|
border: 1px solid var(--border);
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.card-premium::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 4px;
|
|
background: linear-gradient(90deg, var(--accent-gold) 0%, var(--accent-blue) 50%, var(--accent-green) 100%);
|
|
}
|
|
|
|
.card-premium:hover {
|
|
transform: translateY(-4px);
|
|
box-shadow: var(--shadow-xl);
|
|
}
|
|
|
|
/* Premium Docket Entry Styles */
|
|
.docket-entry-premium {
|
|
@apply transition-all duration-500 rounded-2xl p-8 relative;
|
|
background: var(--surface);
|
|
border: 1px solid var(--border);
|
|
box-shadow: var(--shadow-light);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.docket-entry-premium::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 6px;
|
|
background: linear-gradient(180deg, var(--accent-gold) 0%, var(--accent-blue) 50%, var(--accent-green) 100%);
|
|
}
|
|
|
|
.docket-entry-premium:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: var(--shadow-large);
|
|
border-color: var(--accent-blue);
|
|
}
|
|
|
|
/* Premium Badge Styles */
|
|
.badge-premium {
|
|
@apply inline-flex items-center px-4 py-2 rounded-full text-xs font-semibold;
|
|
background: linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-blue) 100%);
|
|
color: var(--surface);
|
|
box-shadow: var(--shadow-light);
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
-webkit-backdrop-filter: blur(10px);
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
|
|
.badge-status {
|
|
@apply inline-flex items-center px-3 py-1 rounded-full text-xs font-medium;
|
|
background: rgba(56, 161, 105, 0.1);
|
|
color: var(--accent-green);
|
|
border: 1px solid rgba(56, 161, 105, 0.2);
|
|
}
|
|
|
|
/* Premium Input Styles */
|
|
.input-premium {
|
|
@apply block w-full px-4 py-3 text-sm rounded-lg transition-all duration-300;
|
|
background: var(--surface);
|
|
border: 2px solid var(--border);
|
|
color: var(--text-primary);
|
|
box-shadow: var(--shadow-light);
|
|
}
|
|
|
|
.input-premium:focus {
|
|
outline: none;
|
|
border-color: var(--accent-blue);
|
|
box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);
|
|
}
|
|
|
|
.input-premium::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* Premium Typography */
|
|
.heading-premium {
|
|
font-family: 'Playfair Display', serif;
|
|
font-weight: 600;
|
|
color: var(--text-primary);
|
|
letter-spacing: -0.025em;
|
|
}
|
|
|
|
.text-premium {
|
|
color: var(--text-secondary);
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.text-muted-premium {
|
|
color: var(--text-muted);
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
/* Premium Document Styles */
|
|
.document-card-premium {
|
|
@apply rounded-xl p-6 transition-all duration-300;
|
|
background: linear-gradient(135deg, var(--surface) 0%, rgba(250, 251, 252, 0.8) 100%);
|
|
border: 1px solid var(--border);
|
|
box-shadow: var(--shadow-light);
|
|
}
|
|
|
|
.document-card-premium:hover {
|
|
transform: translateY(-1px);
|
|
box-shadow: var(--shadow-medium);
|
|
border-color: var(--accent-blue);
|
|
}
|
|
|
|
/* Premium Loading States */
|
|
.loading-premium {
|
|
@apply inline-block w-6 h-6 border-2 rounded-full animate-spin;
|
|
border-color: var(--accent-blue);
|
|
border-top-color: transparent;
|
|
}
|
|
|
|
/* Premium Animations */
|
|
.fade-in-premium {
|
|
animation: fadeInPremium 0.6s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
|
|
.slide-up-premium {
|
|
animation: slideUpPremium 0.5s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
|
|
@keyframes fadeInPremium {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes slideUpPremium {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(30px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
/* Premium Glassmorphism Effects */
|
|
.glass-premium {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
-webkit-backdrop-filter: blur(20px);
|
|
backdrop-filter: blur(20px);
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
|
|
}
|
|
}
|
|
|
|
@layer utilities {
|
|
.text-balance {
|
|
text-wrap: balance;
|
|
}
|
|
|
|
.scrollbar-hide {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
.scrollbar-hide::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* PDF viewer styles */
|
|
.react-pdf__Page {
|
|
@apply shadow-lg mb-4;
|
|
}
|
|
|
|
.react-pdf__Page__canvas {
|
|
@apply max-w-full h-auto;
|
|
}
|
|
|
|
/* Custom scrollbar for document viewer */
|
|
.document-viewer::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
.document-viewer::-webkit-scrollbar-track {
|
|
@apply bg-gray-100 rounded;
|
|
}
|
|
|
|
.document-viewer::-webkit-scrollbar-thumb {
|
|
@apply bg-gray-400 rounded hover:bg-gray-500;
|
|
}
|
|
|
|
/* Animation classes */
|
|
.fade-in {
|
|
animation: fadeIn 0.5s ease-in-out;
|
|
}
|
|
|
|
.slide-up {
|
|
animation: slideUp 0.3s ease-out;
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes slideUp {
|
|
from {
|
|
transform: translateY(10px);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/* Print styles */
|
|
@media print {
|
|
.no-print {
|
|
display: none !important;
|
|
}
|
|
|
|
.print-break {
|
|
page-break-before: always;
|
|
}
|
|
}
|
|
|
|
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
!*** css ./node_modules/.pnpm/next@15.3.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!./node_modules/.pnpm/next@15.3.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!./node_modules/.pnpm/next@15.3.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Inter","arguments":[{"subsets":["latin"]}],"variableName":"inter"} ***!
|
|
\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
/* cyrillic-ext */
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format('woff2');
|
|
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
}
|
|
/* cyrillic */
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src: url(/_next/static/media/26a46d62cd723877-s.woff2) format('woff2');
|
|
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
}
|
|
/* greek-ext */
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format('woff2');
|
|
unicode-range: U+1F00-1FFF;
|
|
}
|
|
/* greek */
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src: url(/_next/static/media/581909926a08bbc8-s.woff2) format('woff2');
|
|
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
|
|
}
|
|
/* vietnamese */
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
|
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
}
|
|
/* latin-ext */
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
|
|
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}@font-face {font-family: 'Inter Fallback';src: local("Arial");ascent-override: 90.44%;descent-override: 22.52%;line-gap-override: 0.00%;size-adjust: 107.12%
|
|
}.__className_e8ce0c {font-family: 'Inter', 'Inter Fallback';font-style: normal
|
|
}
|
|
|